import { Head, useForm } from '@inertiajs/react'; import { Check, Copy } from 'lucide-react'; import { useState, type FormEvent } from 'react'; import Heading from '@/components/heading'; import InputError from '@/components/input-error'; import { Button } from '@/components/ui/button'; import { Card } from '@/components/ui/card'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { useT } from '@/lib/i18n'; type Props = { workspace: { id: string; name: string; slug: string | null; public_kb_url: string | null; }; }; function CopyableField({ label, value }: { label: string; value: string }) { const { t } = useT(); const [copied, setCopied] = useState(false); const copy = async () => { try { await navigator.clipboard.writeText(value); setCopied(true); window.setTimeout(() => setCopied(false), 1500); } catch { // best-effort; clipboard API can be blocked in iframes / non-https } }; return (
); } export default function WorkspaceSettings({ workspace }: Props) { const { t } = useT(); const form = useForm({ name: workspace.name }); const submit = (e: FormEvent) => { e.preventDefault(); form.patch('/settings/workspace', { preserveScroll: true }); }; return ( <>

{t('Workspace settings')}

form.setData('name', e.target.value) } required placeholder={t('Acme, Inc.')} autoComplete="organization" data-test="workspace-name" />
{(workspace.slug || workspace.public_kb_url) && (

{t('Workspace identity')}

{t( 'These identifiers belong to your workspace. The slug is used in public URLs (knowledge base, share links). The URL below is your public knowledge-base page — share it with customers who want to read your published answers.', )}

{workspace.slug && ( )} {workspace.public_kb_url && ( )}
)}
); } WorkspaceSettings.layout = { breadcrumbs: [ { title: 'Workspace settings', href: '/settings/workspace', }, ], };