@openrails/contentkit-ui 0.82.0 → 0.85.1

package/dist/components/groups/editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"editor.js","names":[],"sources":["../../../src/components/groups/editor.tsx"],"sourcesContent":["import { cn } from \"cn\";\nimport { useCallback, useEffect, useId, useRef, useState, type ReactNode } from \"react\";\nimport type { ContentKitUiAppearance } from \"../../appearance.js\";\nimport type { ContentKitClient } from \"../../client/client.js\";\nimport { toContentKitError, type ContentKitError } from \"../../client/errors.js\";\nimport { parseAttributes, slugify } from \"../../client/group-fields.js\";\nimport type { ContentModel, Group, GroupCard, GroupDetail, GroupKind, GroupsText as Text, MergeReport, Name } from \"../../client/generated/wire.js\";\nimport { useMessages } from \"../../i18n/context.js\";\nimport type { ContentKitErrorHandler } from \"../../react/context.js\";\nimport { useGroup, useKinds, type UseGroup } from \"../../react/groups.js\";\nimport { ContentKitUiRoot } from \"../../scope.js\";\nimport { Badge } from \"#ckui/ui/badge\";\nimport { Button } from \"#ckui/ui/button\";\nimport { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from \"#ckui/ui/dialog\";\nimport { Input } from \"#ckui/ui/input\";\nimport { Label } from \"#ckui/ui/label\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"#ckui/ui/select\";\nimport { Skeleton } from \"#ckui/ui/skeleton\";\nimport { Textarea } from \"#ckui/ui/textarea\";\nimport { contentError, ErrorLine, useAction } from \"../social/parts.js\";\nimport { OfferFields } from \"../content/offer-fields.js\";\nimport { AttributeFields, formOf } from \"./fields.js\";\nimport { useContentKitClient } from \"../../react/context.js\";\nimport { GroupImageEditor } from \"./banner.js\";\nimport { GroupPicker, labelOf, useGroupNames, useLanguageName, type GroupLike, type Labels } from \"./parts.js\";\n\nexport interface GroupEditorProps {\n  /** The group edited; null creates one of `kind`. */\n  id: string | null;\n  /** The kind a new group is created as. */\n  kind: string;\n  /** Languages names and text are written in; default the content model's. */\n  languages?: readonly string[];\n  labels?: Labels;\n  onCreated?: (group: Group) => void;\n  /** After a merge: the survivor's id is report.into. */\n  onMerged?: (report: MergeReport) => void;\n  onDeleted?: (group: Group) => void;\n  /** Below the editor's sections, with the loaded group: the members, host fields. */\n  children?: (group: GroupDetail) => ReactNode;\n  client?: ContentKitClient;\n  onError?: ContentKitErrorHandler;\n  className?: string;\n  appearance?: ContentKitUiAppearance;\n}\n\n\n/**\n * Staff (root:groups:write): creates a group, or edits one: slug, parent,\n * scope and declared attributes; names and aliases per language; description\n * and sort key per language; cover (an upload, or automatic); edges to other\n * groups; merge into another group; delete and restore.\n */\nexport function GroupEditor(p: GroupEditorProps) {\n  const { t } = useMessages();\n  const { kinds, loading: kindsLoading } = useKinds({ client: p.client });\n  const g = useGroup(p.id, { client: p.client });\n  const languages = p.languages ?? kinds?.languages ?? [\"en\"];\n  const kind = g.group?.kind ?? p.kind;\n  const spec: GroupKind = kinds?.group_kinds?.[kind] ?? {};\n  const root = (children: ReactNode) => (\n    <ContentKitUiRoot appearance={p.appearance} className={cn(\"grid gap-6 text-sm\", p.className)} data-ckui=\"group-editor\" data-kind={kind}>\n      {children}\n    </ContentKitUiRoot>\n  );\n  if (kindsLoading) return root(<Skeleton className=\"h-40 w-full\" />);\n  // A group created here is edited in place until the host routes to it.\n  if (!p.id && !g.group && !g.loading) return root(<CreateForm {...p} kind={kind} spec={spec} languages={languages} g={g} />);\n  if (g.deleted)\n    return root(\n      <Deleted\n        group={g.deleted}\n        onRestore={() => g.restore()}\n        onError={p.onError}\n        name={g.deleted.slug}\n      />,\n    );\n  if (!g.group) {\n    if (g.error)\n      return root(\n        <div role=\"alert\" className=\"grid justify-items-start gap-2\">\n          <p className=\"text-destructive\">{t(\"groupEditor.loadFailed\")}</p>\n          <Button size=\"sm\" variant=\"outline\" onClick={g.reload}>\n            {t(\"common.retry\")}\n          </Button>\n        </div>,\n      );\n    return root(<Skeleton className=\"h-40 w-full\" />);\n  }\n  const group = g.group;\n  return root(\n    <>\n      <Head group={group} g={g} labels={p.labels} onMerged={p.onMerged} onDeleted={p.onDeleted} onError={p.onError} client={p.client} />\n      <Details key={group.id} group={group} spec={spec} g={g} labels={p.labels} onError={p.onError} client={p.client} />\n      <Names group={group} g={g} languages={languages} onError={p.onError} />\n      <Texts key={group.id} group={group} g={g} languages={languages} onError={p.onError} />\n      <Images group={group} spec={spec} onError={p.onError} client={p.client} />\n      {spec.sellable && <Membership group={group} onError={p.onError} client={p.client} />}\n      <Edges group={group} g={g} kinds={kinds} labels={p.labels} onError={p.onError} client={p.client} />\n      {p.children?.(group)}\n    </>,\n  );\n}\n\n/** Form state seeded from the record, seeded again when it changes unless edited since; settle() after a save. */\nfunction useSeeded<T>(seed: () => T, revision: unknown): [T, (next: (prev: T) => T) => void, () => void] {\n  const [value, setValue] = useState(seed);\n  const edited = useRef(false);\n  const latest = useRef(seed);\n  latest.current = seed;\n  useEffect(() => {\n    if (!edited.current) setValue(latest.current());\n  }, [revision]);\n  const set = useCallback((next: (prev: T) => T) => {\n    edited.current = true;\n    setValue(next);\n  }, []);\n  const settle = useCallback(() => {\n    edited.current = false;\n  }, []);\n  return [value, set, settle];\n}\n\nfunction Section({ title, children, ckui, action }: { title: ReactNode; children: ReactNode; ckui: string; action?: ReactNode }) {\n  return (\n    <section className=\"grid gap-3\" data-ckui={ckui}>\n      <div className=\"flex flex-wrap items-center justify-between gap-2\">\n        <h3 className=\"font-medium\">{title}</h3>\n        {action}\n      </div>\n      {children}\n    </section>\n  );\n}\n\nfunction Deleted({ group, name, onRestore, onError }: { group: Group; name: string; onRestore: () => Promise<Group>; onError?: ContentKitErrorHandler }) {\n  const { t } = useMessages();\n  const restore = useAction(\"group.save\", onError);\n  return (\n    <div className=\"grid justify-items-start gap-2\" data-ckui=\"group-deleted\" data-state={group.state}>\n      <p>{t(\"groupEditor.deletedNotice\", { name })}</p>\n      <Button size=\"sm\" variant=\"outline\" disabled={restore.pending} onClick={() => void restore.run(onRestore)}>\n        {t(\"groupEditor.restore\")}\n      </Button>\n      <ErrorLine error={restore.error} />\n    </div>\n  );\n}\n\nfunction Head({\n  group,\n  g,\n  labels,\n  onMerged,\n  onDeleted,\n  onError,\n  client,\n}: {\n  group: GroupDetail;\n  g: UseGroup;\n  labels?: Labels;\n  onMerged?: (r: MergeReport) => void;\n  onDeleted?: (g: Group) => void;\n  onError?: ContentKitErrorHandler;\n  client?: ContentKitClient;\n}) {\n  const { t } = useMessages();\n  const [merging, setMerging] = useState(false);\n  const [confirmDelete, setConfirmDelete] = useState(false);\n  const remove = useAction(\"group.save\", onError);\n  return (\n    <div className=\"flex flex-wrap items-center gap-2\" data-ckui=\"group-head\">\n      <h2 className=\"text-base font-semibold break-words\">{group.name || group.slug}</h2>\n      <Badge variant=\"outline\">{labelOf(labels, group.kind)}</Badge>\n      <div className=\"ms-auto flex flex-wrap gap-2\">\n        <Button size=\"sm\" variant=\"outline\" onClick={() => setMerging(true)}>\n          {t(\"groupEditor.merge\")}\n        </Button>\n        <Button size=\"sm\" variant=\"destructive\" disabled={remove.pending} onClick={() => setConfirmDelete(true)}>\n          {t(\"groupEditor.delete\")}\n        </Button>\n      </div>\n      <ErrorLine error={remove.error} className=\"basis-full\" />\n      <GroupMergeDialog\n        open={merging}\n        onOpenChange={setMerging}\n        group={group}\n        client={client}\n        onMerge={async (into) => {\n          const report = await g.merge(into.id);\n          onMerged?.(report);\n          return report;\n        }}\n      />\n      <Dialog open={confirmDelete} onOpenChange={setConfirmDelete}>\n        <DialogContent data-ckui=\"group-delete-dialog\">\n          <DialogHeader>\n            <DialogTitle>{t(\"groupEditor.deleteTitle\", { name: group.name || group.slug })}</DialogTitle>\n            <DialogDescription>{t(\"groupEditor.deleteBody\")}</DialogDescription>\n          </DialogHeader>\n          <DialogFooter>\n            <Button variant=\"outline\" onClick={() => setConfirmDelete(false)}>\n              {t(\"common.cancel\")}\n            </Button>\n            <Button\n              variant=\"destructive\"\n              disabled={remove.pending}\n              onClick={() => {\n                setConfirmDelete(false);\n                void remove.run(g.remove).then((d) => d && onDeleted?.(d));\n              }}\n            >\n              {t(\"groupEditor.delete\")}\n            </Button>\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n    </div>\n  );\n}\n\nexport interface GroupMergeDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  /** The group merged away. */\n  group: GroupDetail;\n  /** Merges into the chosen group: memberships, names, edges and children move, its code redirects. */\n  onMerge: (into: GroupCard) => Promise<MergeReport>;\n  language?: string;\n  client?: ContentKitClient;\n}\n\n/** Picks a group of the same kind and merges this one into it, after typing the confirmation word. */\nexport function GroupMergeDialog({ open, onOpenChange, group, onMerge, language, client }: GroupMergeDialogProps) {\n  const m = useMessages();\n  const { t } = m;\n  const id = useId();\n  const [into, setInto] = useState<GroupCard | null>(null);\n  const [word, setWord] = useState(\"\");\n  const [pending, setPending] = useState(false);\n  const [error, setError] = useState<ContentKitError | null>(null);\n  useEffect(() => {\n    if (!open) return;\n    setInto(null);\n    setWord(\"\");\n    setError(null);\n  }, [open]);\n  const typed = t(\"groupEditor.mergeWord\");\n  const ready = !!into && word.trim().toLowerCase() === typed.toLowerCase();\n  const name = group.name || group.slug;\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent data-ckui=\"group-merge-dialog\">\n        <DialogHeader>\n          <DialogTitle>{t(\"groupEditor.mergeTitle\", { name })}</DialogTitle>\n          <DialogDescription>{t(\"groupEditor.mergeBody\")}</DialogDescription>\n        </DialogHeader>\n        {into ? (\n          <div className=\"flex flex-wrap items-center gap-2\" data-ckui=\"merge-target\">\n            <span>{t(\"groupEditor.mergeInto\", { name: into.name || into.slug })}</span>\n            <Button size=\"xs\" variant=\"ghost\" onClick={() => setInto(null)}>\n              {t(\"groupEditor.change\")}\n            </Button>\n          </div>\n        ) : (\n          <GroupPicker kind={group.kind} language={language} exclude={[group.id]} label={t(\"groupEditor.mergeTarget\")} onPick={setInto} client={client} autoFocus />\n        )}\n        <div className=\"grid gap-1.5\">\n          <Label htmlFor={`${id}-typed`}>{t(\"admin.typeToConfirm\", { word: typed })}</Label>\n          <Input id={`${id}-typed`} value={word} autoComplete=\"off\" onChange={(e) => setWord(e.target.value)} />\n        </div>\n        {error && <ErrorLine>{contentError(m, error)}</ErrorLine>}\n        <DialogFooter>\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n            {t(\"common.cancel\")}\n          </Button>\n          <Button\n            variant=\"destructive\"\n            disabled={!ready || pending}\n            onClick={async () => {\n              if (!into) return;\n              setPending(true);\n              setError(null);\n              try {\n                await onMerge(into);\n                onOpenChange(false);\n              } catch (e) {\n                setError(toContentKitError(e));\n              } finally {\n                setPending(false);\n              }\n            }}\n          >\n            {t(\"groupEditor.merge\")}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\n/** A parent or scope: the chosen group with a change and a clear, or a picker. */\nfunction GroupField({ label, kind, value, onChange, exclude, required, client }: { label: string; kind: string; value: GroupLike | null; onChange: (g: GroupLike | null) => void; exclude?: string[]; required?: boolean; client?: ContentKitClient }) {\n  const { t } = useMessages();\n  return (\n    <div className=\"grid gap-1.5\" data-ckui=\"group-field\">\n      <span className=\"text-sm font-medium\">\n        {label}\n        {required && <span aria-hidden> *</span>}\n      </span>\n      {value ? (\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <span className=\"rounded-md border border-border px-2 py-0.5\" data-ckui=\"group-field-value\">\n            {value.name || value.slug}\n          </span>\n          <Button type=\"button\" size=\"xs\" variant=\"ghost\" onClick={() => onChange(null)} aria-label={t(\"groupEditor.clearField\", { field: label })}>\n            {required ? t(\"groupEditor.change\") : t(\"common.remove\")}\n          </Button>\n        </div>\n      ) : (\n        <GroupPicker kind={kind} label={label} exclude={exclude} onPick={onChange} client={client} />\n      )}\n    </div>\n  );\n}\n\nfunction CreateForm({ kind, spec, languages, labels, g, onCreated, onError, client }: GroupEditorProps & { spec: GroupKind; languages: readonly string[]; g: UseGroup }) {\n  const m = useMessages();\n  const { t } = m;\n  const id = useId();\n  const languageName = useLanguageName();\n  const [names, setNames] = useState<Record<string, string>>({});\n  const [slug, setSlug] = useState(\"\");\n  const [slugEdited, setSlugEdited] = useState(false);\n  const [parent, setParent] = useState<GroupLike | null>(null);\n  const [scope, setScope] = useState<GroupLike | null>(null);\n  const declared = spec.attributes ?? {};\n  const [attrs, setAttrs] = useState<Record<string, string | boolean>>(() => formOf(declared, {}));\n  const [invalid, setInvalid] = useState<string | null>(null);\n  const create = useAction(\"group.save\", onError);\n  const first = names[languages[0]!] ?? \"\";\n  useEffect(() => {\n    if (!slugEdited) setSlug(slugify(first));\n  }, [first, slugEdited]);\n  const submit = async () => {\n    setInvalid(null);\n    let attributes: Record<string, unknown>;\n    try {\n      attributes = parseAttributes(declared, attrs);\n    } catch (e) {\n      setInvalid((e as Error).message);\n      return;\n    }\n    const given: Name[] = languages.filter((l) => names[l]?.trim()).map((l) => ({ language: l, kind: \"name\", name: names[l]!.trim() }));\n    const made = await create.run(() =>\n      g.create({ kind, slug: slug.trim(), names: given, parent_id: parent?.id, scope_id: scope?.id, attributes: Object.keys(attributes).length ? attributes : undefined }),\n    );\n    if (made) onCreated?.(made);\n  };\n  return (\n    <form\n      className=\"grid gap-4\"\n      data-ckui=\"group-create\"\n      onSubmit={(e) => {\n        e.preventDefault();\n        void submit();\n      }}\n    >\n      <h2 className=\"text-base font-semibold\">{t(\"groupEditor.newTitle\", { kind: labelOf(labels, kind) })}</h2>\n      {languages.map((l, i) => (\n        <div key={l} className=\"grid gap-1.5\">\n          <Label htmlFor={`${id}-${l}`}>{t(\"groupEditor.nameIn\", { language: languageName(l) })}</Label>\n          <Input id={`${id}-${l}`} className=\"h-8\" lang={l} required={i === 0} value={names[l] ?? \"\"} onChange={(e) => setNames((n) => ({ ...n, [l]: e.target.value }))} />\n        </div>\n      ))}\n      <div className=\"grid gap-1.5\">\n        <Label htmlFor={`${id}-slug`}>{t(\"groupEditor.slug\")}</Label>\n        <Input\n          id={`${id}-slug`}\n          className=\"h-8\"\n          required\n          value={slug}\n          onChange={(e) => {\n            setSlugEdited(true);\n            setSlug(e.target.value);\n          }}\n        />\n      </div>\n      {spec.scoped_by && <GroupField label={labelOf(labels, spec.scoped_by)} kind={spec.scoped_by} value={scope} onChange={setScope} required client={client} />}\n      {spec.parent && <GroupField label={t(\"groupEditor.parent\")} kind={spec.parent} value={parent} onChange={setParent} client={client} />}\n      <AttributeFields declared={declared} form={attrs} onChange={(n, v) => setAttrs((a) => ({ ...a, [n]: v }))} labels={labels} />\n      {invalid && <ErrorLine>{invalid}</ErrorLine>}\n      {create.error && <ErrorLine>{contentError(m, create.error)}</ErrorLine>}\n      <Button type=\"submit\" className=\"justify-self-start\" disabled={create.pending || !first.trim() || !slug.trim() || (!!spec.scoped_by && !scope)}>\n        {create.pending ? t(\"common.saving\") : t(\"groupEditor.create\")}\n      </Button>\n    </form>\n  );\n}\n\nfunction Details({ group, spec, g, labels, onError, client }: { group: GroupDetail; spec: GroupKind; g: UseGroup; labels?: Labels; onError?: ContentKitErrorHandler; client?: ContentKitClient }) {\n  const m = useMessages();\n  const { t } = m;\n  const id = useId();\n  const declared = spec.attributes ?? {};\n  const [form, setForm, settle] = useSeeded(\n    () => ({ slug: group.slug, parent: (group.parent ?? null) as GroupLike | null, scope: (group.scope ?? null) as GroupLike | null, attrs: formOf(declared, group.attributes) }),\n    group.revision,\n  );\n  const { slug, parent, scope, attrs } = form;\n  const edit = (patch: Partial<typeof form>) => {\n    setSaved(false);\n    setForm((f) => ({ ...f, ...patch }));\n  };\n  const setSlug = (v: string) => edit({ slug: v });\n  const setParent = (v: GroupLike | null) => edit({ parent: v });\n  const setScope = (v: GroupLike | null) => edit({ scope: v });\n  const setAttrs = (fn: (a: Record<string, string | boolean>) => Record<string, string | boolean>) => edit({ attrs: fn(attrs) });\n  const [invalid, setInvalid] = useState<string | null>(null);\n  const [saved, setSaved] = useState(false);\n  const save = useAction(\"group.save\", onError);\n  const submit = async () => {\n    setInvalid(null);\n    setSaved(false);\n    let attributes: Record<string, unknown>;\n    try {\n      attributes = parseAttributes(declared, attrs);\n    } catch (e) {\n      setInvalid((e as Error).message);\n      return;\n    }\n    const done = await save.run(() =>\n      g.update({\n        slug: slug.trim(),\n        attributes,\n        ...(spec.parent ? { parent_id: parent?.id ?? \"\" } : {}),\n        ...(spec.scoped_by && scope ? { scope_id: scope.id } : {}),\n      }),\n    );\n    if (done) {\n      settle();\n      setSaved(true);\n    }\n  };\n  return (\n    <Section title={t(\"groupEditor.details\")} ckui=\"group-details\">\n      <form\n        className=\"grid gap-3\"\n        onSubmit={(e) => {\n          e.preventDefault();\n          void submit();\n        }}\n      >\n        <div className=\"grid gap-1.5\">\n          <Label htmlFor={`${id}-slug`}>{t(\"groupEditor.slug\")}</Label>\n          <Input id={`${id}-slug`} className=\"h-8\" required value={slug} onChange={(e) => setSlug(e.target.value)} />\n        </div>\n        {spec.scoped_by && <GroupField label={labelOf(labels, spec.scoped_by)} kind={spec.scoped_by} value={scope} onChange={setScope} required client={client} />}\n        {spec.parent && <GroupField label={t(\"groupEditor.parent\")} kind={spec.parent} value={parent} onChange={setParent} exclude={[group.id]} client={client} />}\n        <AttributeFields declared={declared} form={attrs} onChange={(n, v) => setAttrs((a) => ({ ...a, [n]: v }))} labels={labels} />\n        {invalid && <ErrorLine>{invalid}</ErrorLine>}\n        <ErrorLine error={save.error} />\n        <div className=\"flex items-center gap-3\">\n          <Button type=\"submit\" size=\"sm\" disabled={save.pending || !slug.trim() || (!!spec.scoped_by && !scope)}>\n            {save.pending ? t(\"common.saving\") : t(\"common.save\")}\n          </Button>\n          {saved && (\n            <span role=\"status\" className=\"text-muted-foreground\">\n              {t(\"groupEditor.saved\")}\n            </span>\n          )}\n        </div>\n      </form>\n    </Section>\n  );\n}\n\nfunction Names({ group, g, languages, onError }: { group: GroupDetail; g: UseGroup; languages: readonly string[]; onError?: ContentKitErrorHandler }) {\n  const { t } = useMessages();\n  const id = useId();\n  const languageName = useLanguageName();\n  const [language, setLanguage] = useState(languages[0]!);\n  const [kind, setKind] = useState<Name[\"kind\"]>(\"alias\");\n  const [text, setText] = useState(\"\");\n  const save = useAction(\"group.save\", onError);\n  const sorted = [...group.names].sort((a, b) => a.language.localeCompare(b.language) || (a.kind === b.kind ? a.name.localeCompare(b.name) : a.kind === \"name\" ? -1 : 1));\n  const offered = [...new Set([...languages, ...group.names.map((n) => n.language)])];\n  return (\n    <Section title={t(\"groupEditor.names\")} ckui=\"group-names-editor\">\n      {sorted.length ? (\n        <ul className=\"grid divide-y divide-border rounded-lg border border-border\">\n          {sorted.map((n) => (\n            <li key={`${n.language}:${n.kind}:${n.name}`} className=\"flex flex-wrap items-center gap-2 p-2.5\" data-ckui=\"group-name\" data-kind={n.kind} data-language={n.language}>\n              <Badge variant=\"outline\">{languageName(n.language)}</Badge>\n              <span className=\"min-w-0 flex-1 break-words\" lang={n.language}>\n                {n.name}\n              </span>\n              <span className=\"text-xs text-muted-foreground\">{t(n.kind === \"name\" ? \"groupEditor.canonical\" : \"groupEditor.alias\")}</span>\n              {n.kind === \"alias\" && (\n                <Button size=\"xs\" variant=\"ghost\" disabled={save.pending} onClick={() => void save.run(() => g.names(\"add\", [{ ...n, kind: \"name\" }]))}>\n                  {t(\"groupEditor.makeCanonical\")}\n                </Button>\n              )}\n              <Button size=\"xs\" variant=\"ghost\" disabled={save.pending} aria-label={t(\"groupEditor.removeName\", { name: n.name })} onClick={() => void save.run(() => g.names(\"remove\", [n]))}>\n                {t(\"common.remove\")}\n              </Button>\n            </li>\n          ))}\n        </ul>\n      ) : (\n        <p className=\"text-muted-foreground\">{t(\"groupEditor.noNames\")}</p>\n      )}\n      <form\n        className=\"flex flex-wrap items-end gap-2\"\n        onSubmit={(e) => {\n          e.preventDefault();\n          const name = text.trim();\n          if (name) void save.run(() => g.names(\"add\", [{ language, kind, name }])).then((d) => d && setText(\"\"));\n        }}\n      >\n        {offered.length > 1 && (\n          <Select value={language} onValueChange={(v) => setLanguage(String(v))}>\n            <SelectTrigger size=\"sm\" aria-label={t(\"groupEditor.language\")}>\n              <SelectValue>{(v: string) => languageName(v)}</SelectValue>\n            </SelectTrigger>\n            <SelectContent>\n              {offered.map((l) => (\n                <SelectItem key={l} value={l}>\n                  {languageName(l)}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        )}\n        <Select value={kind} onValueChange={(v) => setKind(v as Name[\"kind\"])}>\n          <SelectTrigger size=\"sm\" aria-label={t(\"groupEditor.nameKind\")}>\n            <SelectValue>{(v: string) => t(v === \"name\" ? \"groupEditor.canonical\" : \"groupEditor.alias\")}</SelectValue>\n          </SelectTrigger>\n          <SelectContent>\n            <SelectItem value=\"alias\">{t(\"groupEditor.alias\")}</SelectItem>\n            <SelectItem value=\"name\">{t(\"groupEditor.canonical\")}</SelectItem>\n          </SelectContent>\n        </Select>\n        <Label htmlFor={`${id}-name`} className=\"sr-only\">\n          {t(\"groupEditor.newName\")}\n        </Label>\n        <Input id={`${id}-name`} className=\"h-8 min-w-40 flex-1\" lang={language} value={text} placeholder={t(\"groupEditor.newName\")} onChange={(e) => setText(e.target.value)} />\n        <Button type=\"submit\" size=\"sm\" variant=\"outline\" disabled={save.pending || !text.trim()}>\n          {t(\"groupEditor.addName\")}\n        </Button>\n      </form>\n      <ErrorLine error={save.error} />\n    </Section>\n  );\n}\n\nfunction Texts({ group, g, languages, onError }: { group: GroupDetail; g: UseGroup; languages: readonly string[]; onError?: ContentKitErrorHandler }) {\n  const { t } = useMessages();\n  const id = useId();\n  const languageName = useLanguageName();\n  const offered = [...new Set([...languages, ...group.text.map((x) => x.language)])];\n  const [form, setForm, settle] = useSeeded<Record<string, Text>>(\n    () => Object.fromEntries(offered.map((l) => [l, group.text.find((x) => x.language === l) ?? { language: l }])),\n    group.revision,\n  );\n  const [saved, setSaved] = useState(false);\n  const save = useAction(\"group.save\", onError);\n  const set = (l: string, patch: Partial<Text>) => {\n    setSaved(false);\n    setForm((f) => ({ ...f, [l]: { ...f[l]!, ...patch } }));\n  };\n  return (\n    <Section title={t(\"groupEditor.text\")} ckui=\"group-text\">\n      <form\n        className=\"grid gap-4\"\n        onSubmit={(e) => {\n          e.preventDefault();\n          const text = Object.values(form)\n            .map((x) => ({ language: x.language, description: x.description?.trim() || undefined, sort_key: x.sort_key?.trim() || undefined }))\n            .filter((x) => x.description || x.sort_key);\n          void save.run(() => g.update({ text })).then((d) => {\n            if (!d) return;\n            settle();\n            setSaved(true);\n          });\n        }}\n      >\n        {offered.map((l) => (\n          <fieldset key={l} className=\"grid gap-2\" data-language={l}>\n            <legend className=\"mb-1 text-xs font-medium text-muted-foreground\">{languageName(l)}</legend>\n            <Label htmlFor={`${id}-${l}-d`} className=\"sr-only\">\n              {t(\"groupEditor.descriptionIn\", { language: languageName(l) })}\n            </Label>\n            <Textarea\n              id={`${id}-${l}-d`}\n              lang={l}\n              rows={3}\n              placeholder={t(\"groupEditor.description\")}\n              value={form[l]?.description ?? \"\"}\n              onChange={(e) => set(l, { description: e.target.value })}\n            />\n            <Label htmlFor={`${id}-${l}-s`} className=\"sr-only\">\n              {t(\"groupEditor.sortKeyIn\", { language: languageName(l) })}\n            </Label>\n            <Input\n              id={`${id}-${l}-s`}\n              className=\"h-8\"\n              lang={l}\n              placeholder={t(\"groupEditor.sortKey\")}\n              value={form[l]?.sort_key ?? \"\"}\n              onChange={(e) => set(l, { sort_key: e.target.value })}\n            />\n          </fieldset>\n        ))}\n        <ErrorLine error={save.error} />\n        <div className=\"flex items-center gap-3\">\n          <Button type=\"submit\" size=\"sm\" disabled={save.pending}>\n            {save.pending ? t(\"common.saving\") : t(\"common.save\")}\n          </Button>\n          {saved && (\n            <span role=\"status\" className=\"text-muted-foreground\">\n              {t(\"groupEditor.saved\")}\n            </span>\n          )}\n        </div>\n      </form>\n    </Section>\n  );\n}\n\nfunction Images({ group, spec, onError, client }: { group: GroupDetail; spec: GroupKind; onError?: ContentKitErrorHandler; client?: ContentKitClient }) {\n  const { t } = useMessages();\n  const c = group.cover;\n  const mode = c?.image ? \"image\" : c?.content_id && !c.auto ? \"content\" : \"auto\";\n  return (\n    <Section title={t(spec.owner === \"user\" ? \"groupEditor.images\" : \"groupEditor.cover\")} ckui=\"group-cover-editor\">\n      <p className=\"text-muted-foreground\" data-ckui=\"cover-mode\">\n        {t(mode === \"image\" ? \"groupEditor.coverImage\" : mode === \"content\" ? \"groupEditor.coverContent\" : \"groupEditor.coverAuto\")}\n      </p>\n      <GroupImageEditor group={group} slot=\"cover\" client={client} onError={onError} />\n      {spec.owner === \"user\" && <GroupImageEditor group={group} slot=\"avatar\" client={client} onError={onError} />}\n    </Section>\n  );\n}\n\nfunction Membership({ group, onError, client }: { group: GroupDetail; onError?: ContentKitErrorHandler; client?: ContentKitClient }) {\n  const { t } = useMessages();\n  const ck = useContentKitClient(client);\n  const offer = useAction(\"offer.save\", onError);\n  const current = group.access?.offer;\n  return (\n    <Section title={t(\"groupEditor.membershipPrice\")} ckui=\"group-offer\">\n      <OfferFields\n        offer={current}\n        pending={offer.pending}\n        onSell={(terms) => void offer.run(() => ck.offers.sellGroup(group.id, terms))}\n        onWithdraw={() => void offer.run(() => ck.offers.withdrawGroup(group.id))}\n      />\n      <ErrorLine error={offer.error} />\n    </Section>\n  );\n}\n\nconst RELATION = /^[a-z][a-z0-9_]*$/;\n\nfunction Edges({ group, g, kinds, labels, onError, client }: { group: GroupDetail; g: UseGroup; kinds: ContentModel | null; labels?: Labels; onError?: ContentKitErrorHandler; client?: ContentKitClient }) {\n  const { t } = useMessages();\n  const id = useId();\n  const save = useAction(\"group.save\", onError);\n  const partners = useGroupNames(\n    group.edges.map((e) => (e.from === group.id ? e.to : e.from)),\n    { client },\n  );\n  const kindsList = Object.keys(kinds?.group_kinds ?? {}).sort();\n  const [relation, setRelation] = useState(\"\");\n  const [kind, setKind] = useState(kindsList[0] ?? group.kind);\n  const out = group.edges.filter((e) => e.from === group.id);\n  const incoming = group.edges.filter((e) => e.to === group.id);\n  const nameOf = (gid: string) => {\n    const x = partners.get(gid);\n    return x ? x.name || x.slug : gid;\n  };\n  const valid = RELATION.test(relation.trim());\n  return (\n    <Section title={t(\"groupEditor.edges\")} ckui=\"group-edges\">\n      {out.length + incoming.length ? (\n        <ul className=\"grid gap-1.5\">\n          {out.map((e) => (\n            <li key={`${e.relation}:${e.to}`} className=\"flex flex-wrap items-center gap-2\" data-ckui=\"group-edge\" data-relation={e.relation}>\n              <Badge variant=\"secondary\">{labelOf(labels, e.relation)}</Badge>\n              <span>{nameOf(e.to)}</span>\n              <Button size=\"xs\" variant=\"ghost\" disabled={save.pending} aria-label={t(\"groupEditor.removeEdge\", { name: nameOf(e.to) })} onClick={() => void save.run(() => g.edges(\"remove\", [{ relation: e.relation, to: e.to }]))}>\n                {t(\"common.remove\")}\n              </Button>\n            </li>\n          ))}\n          {incoming.map((e) => (\n            <li key={`in:${e.relation}:${e.from}`} className=\"flex flex-wrap items-center gap-2 text-muted-foreground\" data-ckui=\"group-edge\" data-relation={`inverse:${e.relation}`}>\n              <span className=\"text-foreground\">{nameOf(e.from)}</span>\n              <Badge variant=\"outline\">{labelOf(labels, e.relation)}</Badge>\n            </li>\n          ))}\n        </ul>\n      ) : (\n        <p className=\"text-muted-foreground\">{t(\"groupEditor.noEdges\")}</p>\n      )}\n      <div className=\"flex flex-wrap items-end gap-2\">\n        <div className=\"grid gap-1\">\n          <Label htmlFor={`${id}-rel`} className=\"text-xs text-muted-foreground\">\n            {t(\"groupEditor.relation\")}\n          </Label>\n          <Input id={`${id}-rel`} className=\"h-8 w-40\" value={relation} placeholder=\"member_of\" aria-invalid={!!relation && !valid} onChange={(e) => setRelation(e.target.value)} />\n        </div>\n        {kindsList.length > 1 && (\n          <Select value={kind} onValueChange={(v) => setKind(String(v))}>\n            <SelectTrigger size=\"sm\" aria-label={t(\"groupEditor.edgeKind\")}>\n              <SelectValue>{(v: string) => labelOf(labels, v)}</SelectValue>\n            </SelectTrigger>\n            <SelectContent>\n              {kindsList.map((k) => (\n                <SelectItem key={k} value={k}>\n                  {labelOf(labels, k)}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        )}\n        {valid && (\n          <GroupPicker\n            key={kind}\n            kind={kind}\n            label={t(\"groupEditor.edgeTarget\")}\n            exclude={[group.id]}\n            client={client}\n            onPick={(to) => void save.run(() => g.edges(\"add\", [{ relation: relation.trim(), to: to.id }])).then((d) => d && setRelation(\"\"))}\n          />\n        )}\n      </div>\n      <ErrorLine error={save.error} />\n    </Section>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"editor.js","names":[],"sources":["../../../src/components/groups/editor.tsx"],"sourcesContent":["import { cn } from \"cn\";\nimport { useCallback, useEffect, useId, useRef, useState, type ReactNode } from \"react\";\nimport type { ContentKitUiAppearance } from \"../../appearance.js\";\nimport type { ContentKitClient } from \"../../client/client.js\";\nimport { toContentKitError, type ContentKitError } from \"../../client/errors.js\";\nimport { parseAttributes, slugify } from \"../../client/group-fields.js\";\nimport type { ContentModel, Group, GroupCard, GroupDetail, GroupKind, GroupsText as Text, MergeReport, Name } from \"../../client/generated/wire.js\";\nimport { useMessages } from \"../../i18n/context.js\";\nimport type { ContentKitErrorHandler } from \"../../react/context.js\";\nimport { useGroup, useKinds, type UseGroup } from \"../../react/groups.js\";\nimport { ContentKitUiRoot } from \"../../scope.js\";\nimport { Badge } from \"#ckui/ui/badge\";\nimport { Button } from \"#ckui/ui/button\";\nimport { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from \"#ckui/ui/dialog\";\nimport { Input } from \"#ckui/ui/input\";\nimport { Label } from \"#ckui/ui/label\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"#ckui/ui/select\";\nimport { Skeleton } from \"#ckui/ui/skeleton\";\nimport { Textarea } from \"#ckui/ui/textarea\";\nimport { contentError, ErrorLine, useAction } from \"../social/parts.js\";\nimport { OfferFields } from \"../content/offer-fields.js\";\nimport { AttributeFields, formOf } from \"./fields.js\";\nimport { useContentKitClient } from \"../../react/context.js\";\nimport { GroupImageEditor } from \"./banner.js\";\nimport { GroupPicker, labelOf, useGroupNames, useLanguageName, type GroupLike, type Labels } from \"./parts.js\";\n\nexport interface GroupEditorProps {\n  /** The group edited; null creates one of `kind`. */\n  id: string | null;\n  /** The kind a new group is created as. */\n  kind: string;\n  /** Languages names and text are written in; default the content model's. */\n  languages?: readonly string[];\n  labels?: Labels;\n  onCreated?: (group: Group) => void;\n  /** After a merge: the survivor's id is report.into. */\n  onMerged?: (report: MergeReport) => void;\n  onDeleted?: (group: Group) => void;\n  /** Below the editor's sections, with the loaded group: the members, host fields. */\n  children?: (group: GroupDetail) => ReactNode;\n  client?: ContentKitClient;\n  onError?: ContentKitErrorHandler;\n  className?: string;\n  appearance?: ContentKitUiAppearance;\n}\n\n\n/**\n * Staff (root:groups:write): creates a group, or edits one: slug, parent,\n * scope and declared attributes; names and aliases per language; description\n * and sort key per language; cover (an upload, or automatic); edges to other\n * groups; merge into another group; delete and restore.\n */\nexport function GroupEditor(p: GroupEditorProps) {\n  const { t } = useMessages();\n  const { kinds, loading: kindsLoading } = useKinds({ client: p.client });\n  const g = useGroup(p.id, { client: p.client });\n  const languages = p.languages ?? kinds?.languages ?? [\"en\"];\n  const kind = g.group?.kind ?? p.kind;\n  const spec: GroupKind = kinds?.group_kinds?.[kind] ?? {};\n  const root = (children: ReactNode) => (\n    <ContentKitUiRoot appearance={p.appearance} className={cn(\"grid gap-6 text-sm\", p.className)} data-ckui=\"group-editor\" data-kind={kind}>\n      {children}\n    </ContentKitUiRoot>\n  );\n  if (kindsLoading) return root(<Skeleton className=\"h-40 w-full\" />);\n  // A group created here is edited in place until the host routes to it.\n  if (!p.id && !g.group && !g.loading) return root(<CreateForm {...p} kind={kind} spec={spec} languages={languages} g={g} />);\n  if (g.deleted)\n    return root(\n      <Deleted\n        group={g.deleted}\n        onRestore={() => g.restore()}\n        onError={p.onError}\n        name={g.deleted.slug}\n      />,\n    );\n  if (!g.group) {\n    if (g.error)\n      return root(\n        <div role=\"alert\" className=\"grid justify-items-start gap-2\">\n          <p className=\"text-destructive\">{t(\"groupEditor.loadFailed\")}</p>\n          <Button size=\"sm\" variant=\"outline\" onClick={g.reload}>\n            {t(\"common.retry\")}\n          </Button>\n        </div>,\n      );\n    return root(<Skeleton className=\"h-40 w-full\" />);\n  }\n  const group = g.group;\n  return root(\n    <>\n      <Head group={group} g={g} labels={p.labels} onMerged={p.onMerged} onDeleted={p.onDeleted} onError={p.onError} client={p.client} />\n      <Details key={group.id} group={group} spec={spec} g={g} labels={p.labels} onError={p.onError} client={p.client} />\n      <Names group={group} g={g} languages={languages} onError={p.onError} />\n      <Texts key={group.id} group={group} g={g} languages={languages} onError={p.onError} />\n      <Images group={group} spec={spec} onError={p.onError} client={p.client} />\n      {spec.sellable && <Membership group={group} onError={p.onError} client={p.client} />}\n      <Edges group={group} g={g} kinds={kinds} labels={p.labels} onError={p.onError} client={p.client} />\n      {p.children?.(group)}\n    </>,\n  );\n}\n\n/** Form state seeded from the record, seeded again when it changes unless edited since; settle() after a save. */\nfunction useSeeded<T>(seed: () => T, revision: unknown): [T, (next: (prev: T) => T) => void, () => void] {\n  const [value, setValue] = useState(seed);\n  const edited = useRef(false);\n  const latest = useRef(seed);\n  latest.current = seed;\n  useEffect(() => {\n    if (!edited.current) setValue(latest.current());\n  }, [revision]);\n  const set = useCallback((next: (prev: T) => T) => {\n    edited.current = true;\n    setValue(next);\n  }, []);\n  const settle = useCallback(() => {\n    edited.current = false;\n  }, []);\n  return [value, set, settle];\n}\n\nfunction Section({ title, children, ckui, action }: { title: ReactNode; children: ReactNode; ckui: string; action?: ReactNode }) {\n  return (\n    <section className=\"grid gap-3\" data-ckui={ckui}>\n      <div className=\"flex flex-wrap items-center justify-between gap-2\">\n        <h3 className=\"font-medium\">{title}</h3>\n        {action}\n      </div>\n      {children}\n    </section>\n  );\n}\n\nfunction Deleted({ group, name, onRestore, onError }: { group: Group; name: string; onRestore: () => Promise<Group>; onError?: ContentKitErrorHandler }) {\n  const { t } = useMessages();\n  const restore = useAction(\"group.save\", onError);\n  return (\n    <div className=\"grid justify-items-start gap-2\" data-ckui=\"group-deleted\" data-state={group.state}>\n      <p>{t(\"groupEditor.deletedNotice\", { name })}</p>\n      <Button size=\"sm\" variant=\"outline\" disabled={restore.pending} onClick={() => void restore.run(onRestore)}>\n        {t(\"groupEditor.restore\")}\n      </Button>\n      <ErrorLine error={restore.error} />\n    </div>\n  );\n}\n\nfunction Head({\n  group,\n  g,\n  labels,\n  onMerged,\n  onDeleted,\n  onError,\n  client,\n}: {\n  group: GroupDetail;\n  g: UseGroup;\n  labels?: Labels;\n  onMerged?: (r: MergeReport) => void;\n  onDeleted?: (g: Group) => void;\n  onError?: ContentKitErrorHandler;\n  client?: ContentKitClient;\n}) {\n  const { t } = useMessages();\n  const [merging, setMerging] = useState(false);\n  const [confirmDelete, setConfirmDelete] = useState(false);\n  const remove = useAction(\"group.save\", onError);\n  return (\n    <div className=\"flex flex-wrap items-center gap-2\" data-ckui=\"group-head\">\n      <h2 className=\"text-base font-semibold break-words\">{group.name || group.slug}</h2>\n      <Badge variant=\"outline\">{labelOf(labels, group.kind)}</Badge>\n      <div className=\"ms-auto flex flex-wrap gap-2\">\n        <Button size=\"sm\" variant=\"outline\" onClick={() => setMerging(true)}>\n          {t(\"groupEditor.merge\")}\n        </Button>\n        <Button size=\"sm\" variant=\"destructive\" disabled={remove.pending} onClick={() => setConfirmDelete(true)}>\n          {t(\"groupEditor.delete\")}\n        </Button>\n      </div>\n      <ErrorLine error={remove.error} className=\"basis-full\" />\n      <GroupMergeDialog\n        open={merging}\n        onOpenChange={setMerging}\n        group={group}\n        client={client}\n        onMerge={async (into) => {\n          const report = await g.merge(into.id);\n          onMerged?.(report);\n          return report;\n        }}\n      />\n      <Dialog open={confirmDelete} onOpenChange={setConfirmDelete}>\n        <DialogContent data-ckui=\"group-delete-dialog\">\n          <DialogHeader>\n            <DialogTitle>{t(\"groupEditor.deleteTitle\", { name: group.name || group.slug })}</DialogTitle>\n            <DialogDescription>{t(\"groupEditor.deleteBody\")}</DialogDescription>\n          </DialogHeader>\n          <DialogFooter>\n            <Button variant=\"outline\" onClick={() => setConfirmDelete(false)}>\n              {t(\"common.cancel\")}\n            </Button>\n            <Button\n              variant=\"destructive\"\n              disabled={remove.pending}\n              onClick={() => {\n                setConfirmDelete(false);\n                void remove.run(g.remove).then((d) => d && onDeleted?.(d));\n              }}\n            >\n              {t(\"groupEditor.delete\")}\n            </Button>\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n    </div>\n  );\n}\n\nexport interface GroupMergeDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  /** The group merged away. */\n  group: GroupDetail;\n  /** Merges into the chosen group: memberships, names, edges and children move, its code redirects. */\n  onMerge: (into: GroupCard) => Promise<MergeReport>;\n  language?: string;\n  client?: ContentKitClient;\n}\n\n/** Picks a group of the same kind and merges this one into it, after typing the confirmation word. */\nexport function GroupMergeDialog({ open, onOpenChange, group, onMerge, language, client }: GroupMergeDialogProps) {\n  const m = useMessages();\n  const { t } = m;\n  const id = useId();\n  const [into, setInto] = useState<GroupCard | null>(null);\n  const [word, setWord] = useState(\"\");\n  const [pending, setPending] = useState(false);\n  const [error, setError] = useState<ContentKitError | null>(null);\n  useEffect(() => {\n    if (!open) return;\n    setInto(null);\n    setWord(\"\");\n    setError(null);\n  }, [open]);\n  const typed = t(\"groupEditor.mergeWord\");\n  const ready = !!into && word.trim().toLowerCase() === typed.toLowerCase();\n  const name = group.name || group.slug;\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent data-ckui=\"group-merge-dialog\">\n        <DialogHeader>\n          <DialogTitle>{t(\"groupEditor.mergeTitle\", { name })}</DialogTitle>\n          <DialogDescription>{t(\"groupEditor.mergeBody\")}</DialogDescription>\n        </DialogHeader>\n        {into ? (\n          <div className=\"flex flex-wrap items-center gap-2\" data-ckui=\"merge-target\">\n            <span>{t(\"groupEditor.mergeInto\", { name: into.name || into.slug })}</span>\n            <Button size=\"xs\" variant=\"ghost\" onClick={() => setInto(null)}>\n              {t(\"groupEditor.change\")}\n            </Button>\n          </div>\n        ) : (\n          <GroupPicker kind={group.kind} language={language} exclude={[group.id]} label={t(\"groupEditor.mergeTarget\")} onPick={setInto} client={client} autoFocus />\n        )}\n        <div className=\"grid gap-1.5\">\n          <Label htmlFor={`${id}-typed`}>{t(\"admin.typeToConfirm\", { word: typed })}</Label>\n          <Input id={`${id}-typed`} value={word} autoComplete=\"off\" onChange={(e) => setWord(e.target.value)} />\n        </div>\n        {error && <ErrorLine>{contentError(m, error)}</ErrorLine>}\n        <DialogFooter>\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n            {t(\"common.cancel\")}\n          </Button>\n          <Button\n            variant=\"destructive\"\n            disabled={!ready || pending}\n            onClick={async () => {\n              if (!into) return;\n              setPending(true);\n              setError(null);\n              try {\n                await onMerge(into);\n                onOpenChange(false);\n              } catch (e) {\n                setError(toContentKitError(e));\n              } finally {\n                setPending(false);\n              }\n            }}\n          >\n            {t(\"groupEditor.merge\")}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\n/** A parent or scope: the chosen group with a change and a clear, or a picker. */\nfunction GroupField({ label, kind, value, onChange, exclude, required, client }: { label: string; kind: string; value: GroupLike | null; onChange: (g: GroupLike | null) => void; exclude?: string[]; required?: boolean; client?: ContentKitClient }) {\n  const { t } = useMessages();\n  return (\n    <div className=\"grid gap-1.5\" data-ckui=\"group-field\">\n      <span className=\"text-sm font-medium\">\n        {label}\n        {required && <span aria-hidden> *</span>}\n      </span>\n      {value ? (\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <span className=\"rounded-md border border-border px-2 py-0.5\" data-ckui=\"group-field-value\">\n            {value.name || value.slug}\n          </span>\n          <Button type=\"button\" size=\"xs\" variant=\"ghost\" onClick={() => onChange(null)} aria-label={t(\"groupEditor.clearField\", { field: label })}>\n            {required ? t(\"groupEditor.change\") : t(\"common.remove\")}\n          </Button>\n        </div>\n      ) : (\n        <GroupPicker kind={kind} label={label} exclude={exclude} onPick={onChange} client={client} />\n      )}\n    </div>\n  );\n}\n\nfunction CreateForm({ kind, spec, languages, labels, g, onCreated, onError, client }: GroupEditorProps & { spec: GroupKind; languages: readonly string[]; g: UseGroup }) {\n  const m = useMessages();\n  const { t } = m;\n  const id = useId();\n  const languageName = useLanguageName();\n  const [names, setNames] = useState<Record<string, string>>({});\n  const [slug, setSlug] = useState(\"\");\n  const [slugEdited, setSlugEdited] = useState(false);\n  const [parent, setParent] = useState<GroupLike | null>(null);\n  const [scope, setScope] = useState<GroupLike | null>(null);\n  const declared = spec.attributes ?? {};\n  const [attrs, setAttrs] = useState<Record<string, string | boolean>>(() => formOf(declared, {}));\n  const [invalid, setInvalid] = useState<string | null>(null);\n  const create = useAction(\"group.save\", onError);\n  const first = names[languages[0]!] ?? \"\";\n  useEffect(() => {\n    if (!slugEdited) setSlug(slugify(first));\n  }, [first, slugEdited]);\n  const submit = async () => {\n    setInvalid(null);\n    let attributes: Record<string, unknown>;\n    try {\n      attributes = parseAttributes(declared, attrs);\n    } catch (e) {\n      setInvalid((e as Error).message);\n      return;\n    }\n    const given: Name[] = languages.filter((l) => names[l]?.trim()).map((l) => ({ language: l, kind: \"name\", name: names[l]!.trim() }));\n    const made = await create.run(() =>\n      g.create({ kind, slug: slug.trim(), names: given, parent_id: parent?.id, scope_id: scope?.id, attributes: Object.keys(attributes).length ? attributes : undefined }),\n    );\n    if (made) onCreated?.(made);\n  };\n  return (\n    <form\n      className=\"grid gap-4\"\n      data-ckui=\"group-create\"\n      onSubmit={(e) => {\n        e.preventDefault();\n        void submit();\n      }}\n    >\n      <h2 className=\"text-base font-semibold\">{t(\"groupEditor.newTitle\", { kind: labelOf(labels, kind) })}</h2>\n      {languages.map((l, i) => (\n        <div key={l} className=\"grid gap-1.5\">\n          <Label htmlFor={`${id}-${l}`}>{t(\"groupEditor.nameIn\", { language: languageName(l) })}</Label>\n          <Input id={`${id}-${l}`} className=\"h-8\" lang={l} required={i === 0} value={names[l] ?? \"\"} onChange={(e) => setNames((n) => ({ ...n, [l]: e.target.value }))} />\n        </div>\n      ))}\n      <div className=\"grid gap-1.5\">\n        <Label htmlFor={`${id}-slug`}>{t(\"groupEditor.slug\")}</Label>\n        <Input\n          id={`${id}-slug`}\n          className=\"h-8\"\n          required\n          value={slug}\n          onChange={(e) => {\n            setSlugEdited(true);\n            setSlug(e.target.value);\n          }}\n        />\n      </div>\n      {spec.scoped_by && <GroupField label={labelOf(labels, spec.scoped_by)} kind={spec.scoped_by} value={scope} onChange={setScope} required client={client} />}\n      {spec.parent && <GroupField label={t(\"groupEditor.parent\")} kind={spec.parent} value={parent} onChange={setParent} client={client} />}\n      <AttributeFields declared={declared} form={attrs} onChange={(n, v) => setAttrs((a) => ({ ...a, [n]: v }))} labels={labels} />\n      {invalid && <ErrorLine>{invalid}</ErrorLine>}\n      {create.error && <ErrorLine>{contentError(m, create.error)}</ErrorLine>}\n      <Button type=\"submit\" className=\"justify-self-start\" disabled={create.pending || !first.trim() || !slug.trim() || (!!spec.scoped_by && !scope)}>\n        {create.pending ? t(\"common.saving\") : t(\"groupEditor.create\")}\n      </Button>\n    </form>\n  );\n}\n\nfunction Details({ group, spec, g, labels, onError, client }: { group: GroupDetail; spec: GroupKind; g: UseGroup; labels?: Labels; onError?: ContentKitErrorHandler; client?: ContentKitClient }) {\n  const m = useMessages();\n  const { t } = m;\n  const id = useId();\n  const declared = spec.attributes ?? {};\n  const [form, setForm, settle] = useSeeded(\n    () => ({ slug: group.slug, parent: (group.parent ?? null) as GroupLike | null, scope: (group.scope ?? null) as GroupLike | null, attrs: formOf(declared, group.attributes) }),\n    group.revision,\n  );\n  const { slug, parent, scope, attrs } = form;\n  const edit = (patch: Partial<typeof form>) => {\n    setSaved(false);\n    setForm((f) => ({ ...f, ...patch }));\n  };\n  const setSlug = (v: string) => edit({ slug: v });\n  const setParent = (v: GroupLike | null) => edit({ parent: v });\n  const setScope = (v: GroupLike | null) => edit({ scope: v });\n  const setAttrs = (fn: (a: Record<string, string | boolean>) => Record<string, string | boolean>) => edit({ attrs: fn(attrs) });\n  const [invalid, setInvalid] = useState<string | null>(null);\n  const [saved, setSaved] = useState(false);\n  const save = useAction(\"group.save\", onError);\n  const submit = async () => {\n    setInvalid(null);\n    setSaved(false);\n    let attributes: Record<string, unknown>;\n    try {\n      attributes = parseAttributes(declared, attrs);\n    } catch (e) {\n      setInvalid((e as Error).message);\n      return;\n    }\n    const done = await save.run(() =>\n      g.update({\n        slug: slug.trim(),\n        attributes,\n        ...(spec.parent ? { parent_id: parent?.id ?? \"\" } : {}),\n        ...(spec.scoped_by && scope ? { scope_id: scope.id } : {}),\n      }),\n    );\n    if (done) {\n      settle();\n      setSaved(true);\n    }\n  };\n  return (\n    <Section title={t(\"groupEditor.details\")} ckui=\"group-details\">\n      <form\n        className=\"grid gap-3\"\n        onSubmit={(e) => {\n          e.preventDefault();\n          void submit();\n        }}\n      >\n        <div className=\"grid gap-1.5\">\n          <Label htmlFor={`${id}-slug`}>{t(\"groupEditor.slug\")}</Label>\n          <Input id={`${id}-slug`} className=\"h-8\" required value={slug} onChange={(e) => setSlug(e.target.value)} />\n        </div>\n        {spec.scoped_by && <GroupField label={labelOf(labels, spec.scoped_by)} kind={spec.scoped_by} value={scope} onChange={setScope} required client={client} />}\n        {spec.parent && <GroupField label={t(\"groupEditor.parent\")} kind={spec.parent} value={parent} onChange={setParent} exclude={[group.id]} client={client} />}\n        <AttributeFields declared={declared} form={attrs} onChange={(n, v) => setAttrs((a) => ({ ...a, [n]: v }))} labels={labels} />\n        {invalid && <ErrorLine>{invalid}</ErrorLine>}\n        <ErrorLine error={save.error} />\n        <div className=\"flex items-center gap-3\">\n          <Button type=\"submit\" size=\"sm\" disabled={save.pending || !slug.trim() || (!!spec.scoped_by && !scope)}>\n            {save.pending ? t(\"common.saving\") : t(\"common.save\")}\n          </Button>\n          {saved && (\n            <span role=\"status\" className=\"text-muted-foreground\">\n              {t(\"groupEditor.saved\")}\n            </span>\n          )}\n        </div>\n      </form>\n    </Section>\n  );\n}\n\nfunction Names({ group, g, languages, onError }: { group: GroupDetail; g: UseGroup; languages: readonly string[]; onError?: ContentKitErrorHandler }) {\n  const { t } = useMessages();\n  const id = useId();\n  const languageName = useLanguageName();\n  const [language, setLanguage] = useState(languages[0]!);\n  const [kind, setKind] = useState<Name[\"kind\"]>(\"alias\");\n  const [text, setText] = useState(\"\");\n  const save = useAction(\"group.save\", onError);\n  const sorted = [...group.names].sort((a, b) => a.language.localeCompare(b.language) || (a.kind === b.kind ? a.name.localeCompare(b.name) : a.kind === \"name\" ? -1 : 1));\n  const offered = [...new Set([...languages, ...group.names.map((n) => n.language)])];\n  return (\n    <Section title={t(\"groupEditor.names\")} ckui=\"group-names-editor\">\n      {sorted.length ? (\n        <ul className=\"grid divide-y divide-border rounded-lg border border-border\">\n          {sorted.map((n) => (\n            <li key={`${n.language}:${n.kind}:${n.name}`} className=\"flex flex-wrap items-center gap-2 p-2.5\" data-ckui=\"group-name\" data-kind={n.kind} data-language={n.language}>\n              <Badge variant=\"outline\">{languageName(n.language)}</Badge>\n              <span className=\"min-w-0 flex-1 break-words\" lang={n.language}>\n                {n.name}\n              </span>\n              <span className=\"text-xs text-muted-foreground\">{t(n.kind === \"name\" ? \"groupEditor.canonical\" : \"groupEditor.alias\")}</span>\n              {n.kind === \"alias\" && (\n                <Button size=\"xs\" variant=\"ghost\" disabled={save.pending} onClick={() => void save.run(() => g.names(\"add\", [{ ...n, kind: \"name\" }]))}>\n                  {t(\"groupEditor.makeCanonical\")}\n                </Button>\n              )}\n              <Button size=\"xs\" variant=\"ghost\" disabled={save.pending} aria-label={t(\"groupEditor.removeName\", { name: n.name })} onClick={() => void save.run(() => g.names(\"remove\", [n]))}>\n                {t(\"common.remove\")}\n              </Button>\n            </li>\n          ))}\n        </ul>\n      ) : (\n        <p className=\"text-muted-foreground\">{t(\"groupEditor.noNames\")}</p>\n      )}\n      <form\n        className=\"flex flex-wrap items-end gap-2\"\n        onSubmit={(e) => {\n          e.preventDefault();\n          const name = text.trim();\n          if (name) void save.run(() => g.names(\"add\", [{ language, kind, name }])).then((d) => d && setText(\"\"));\n        }}\n      >\n        {offered.length > 1 && (\n          <Select value={language} onValueChange={(v) => setLanguage(String(v))}>\n            <SelectTrigger size=\"sm\" aria-label={t(\"groupEditor.language\")}>\n              <SelectValue>{(v: string) => languageName(v)}</SelectValue>\n            </SelectTrigger>\n            <SelectContent>\n              {offered.map((l) => (\n                <SelectItem key={l} value={l}>\n                  {languageName(l)}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        )}\n        <Select value={kind} onValueChange={(v) => setKind(v as Name[\"kind\"])}>\n          <SelectTrigger size=\"sm\" aria-label={t(\"groupEditor.nameKind\")}>\n            <SelectValue>{(v: string) => t(v === \"name\" ? \"groupEditor.canonical\" : \"groupEditor.alias\")}</SelectValue>\n          </SelectTrigger>\n          <SelectContent>\n            <SelectItem value=\"alias\">{t(\"groupEditor.alias\")}</SelectItem>\n            <SelectItem value=\"name\">{t(\"groupEditor.canonical\")}</SelectItem>\n          </SelectContent>\n        </Select>\n        <Label htmlFor={`${id}-name`} className=\"sr-only\">\n          {t(\"groupEditor.newName\")}\n        </Label>\n        <Input id={`${id}-name`} className=\"h-8 min-w-40 flex-1\" lang={language} value={text} placeholder={t(\"groupEditor.newName\")} onChange={(e) => setText(e.target.value)} />\n        <Button type=\"submit\" size=\"sm\" variant=\"outline\" disabled={save.pending || !text.trim()}>\n          {t(\"groupEditor.addName\")}\n        </Button>\n      </form>\n      <ErrorLine error={save.error} />\n    </Section>\n  );\n}\n\nfunction Texts({ group, g, languages, onError }: { group: GroupDetail; g: UseGroup; languages: readonly string[]; onError?: ContentKitErrorHandler }) {\n  const { t } = useMessages();\n  const id = useId();\n  const languageName = useLanguageName();\n  const offered = [...new Set([...languages, ...group.text.map((x) => x.language)])];\n  const [form, setForm, settle] = useSeeded<Record<string, Text>>(\n    () => Object.fromEntries(offered.map((l) => [l, group.text.find((x) => x.language === l) ?? { language: l }])),\n    group.revision,\n  );\n  const [saved, setSaved] = useState(false);\n  const save = useAction(\"group.save\", onError);\n  const set = (l: string, patch: Partial<Text>) => {\n    setSaved(false);\n    setForm((f) => ({ ...f, [l]: { ...f[l]!, ...patch } }));\n  };\n  return (\n    <Section title={t(\"groupEditor.text\")} ckui=\"group-text\">\n      <form\n        className=\"grid gap-4\"\n        onSubmit={(e) => {\n          e.preventDefault();\n          const text = Object.values(form)\n            .map((x) => ({ language: x.language, description: x.description?.trim() || undefined, sort_key: x.sort_key?.trim() || undefined }))\n            .filter((x) => x.description || x.sort_key);\n          void save.run(() => g.update({ text })).then((d) => {\n            if (!d) return;\n            settle();\n            setSaved(true);\n          });\n        }}\n      >\n        {offered.map((l) => (\n          <fieldset key={l} className=\"grid gap-2\" data-language={l}>\n            <legend className=\"mb-1 text-xs font-medium text-muted-foreground\">{languageName(l)}</legend>\n            <Label htmlFor={`${id}-${l}-d`} className=\"sr-only\">\n              {t(\"groupEditor.descriptionIn\", { language: languageName(l) })}\n            </Label>\n            <Textarea\n              id={`${id}-${l}-d`}\n              lang={l}\n              rows={3}\n              placeholder={t(\"groupEditor.description\")}\n              value={form[l]?.description ?? \"\"}\n              onChange={(e) => set(l, { description: e.target.value })}\n            />\n            <Label htmlFor={`${id}-${l}-s`} className=\"sr-only\">\n              {t(\"groupEditor.sortKeyIn\", { language: languageName(l) })}\n            </Label>\n            <Input\n              id={`${id}-${l}-s`}\n              className=\"h-8\"\n              lang={l}\n              placeholder={t(\"groupEditor.sortKey\")}\n              value={form[l]?.sort_key ?? \"\"}\n              onChange={(e) => set(l, { sort_key: e.target.value })}\n            />\n          </fieldset>\n        ))}\n        <ErrorLine error={save.error} />\n        <div className=\"flex items-center gap-3\">\n          <Button type=\"submit\" size=\"sm\" disabled={save.pending}>\n            {save.pending ? t(\"common.saving\") : t(\"common.save\")}\n          </Button>\n          {saved && (\n            <span role=\"status\" className=\"text-muted-foreground\">\n              {t(\"groupEditor.saved\")}\n            </span>\n          )}\n        </div>\n      </form>\n    </Section>\n  );\n}\n\nfunction Images({ group, spec, onError, client }: { group: GroupDetail; spec: GroupKind; onError?: ContentKitErrorHandler; client?: ContentKitClient }) {\n  const { t } = useMessages();\n  const c = group.cover;\n  const mode = c?.image ? \"image\" : c?.content_id && !c.auto ? \"content\" : \"auto\";\n  return (\n    <Section title={t(spec.owner === \"user\" ? \"groupEditor.images\" : \"groupEditor.cover\")} ckui=\"group-cover-editor\">\n      <p className=\"text-muted-foreground\" data-ckui=\"cover-mode\">\n        {t(mode === \"image\" ? \"groupEditor.coverImage\" : mode === \"content\" ? \"groupEditor.coverContent\" : \"groupEditor.coverAuto\")}\n      </p>\n      <GroupImageEditor group={group} slot=\"cover\" client={client} onError={onError} />\n      {spec.owner === \"user\" && <GroupImageEditor group={group} slot=\"avatar\" client={client} onError={onError} />}\n    </Section>\n  );\n}\n\nfunction Membership({ group, onError, client }: { group: GroupDetail; onError?: ContentKitErrorHandler; client?: ContentKitClient }) {\n  const { t } = useMessages();\n  const ck = useContentKitClient(client);\n  const offer = useAction(\"offer.save\", onError);\n  return (\n    <Section title={t(\"groupEditor.membershipPrice\")} ckui=\"group-offer\">\n      <OfferFields\n        key={group.offer?.revision}\n        offer={group.offer}\n        pending={offer.pending}\n        onSell={(terms) => void offer.run(() => ck.offers.sellGroup(group.id, terms))}\n        onWithdraw={() => void offer.run(() => ck.offers.withdrawGroup(group.id))}\n      />\n      <ErrorLine error={offer.error} />\n    </Section>\n  );\n}\n\nconst RELATION = /^[a-z][a-z0-9_]*$/;\n\nfunction Edges({ group, g, kinds, labels, onError, client }: { group: GroupDetail; g: UseGroup; kinds: ContentModel | null; labels?: Labels; onError?: ContentKitErrorHandler; client?: ContentKitClient }) {\n  const { t } = useMessages();\n  const id = useId();\n  const save = useAction(\"group.save\", onError);\n  const partners = useGroupNames(\n    group.edges.map((e) => (e.from === group.id ? e.to : e.from)),\n    { client },\n  );\n  const kindsList = Object.keys(kinds?.group_kinds ?? {}).sort();\n  const [relation, setRelation] = useState(\"\");\n  const [kind, setKind] = useState(kindsList[0] ?? group.kind);\n  const out = group.edges.filter((e) => e.from === group.id);\n  const incoming = group.edges.filter((e) => e.to === group.id);\n  const nameOf = (gid: string) => {\n    const x = partners.get(gid);\n    return x ? x.name || x.slug : gid;\n  };\n  const valid = RELATION.test(relation.trim());\n  return (\n    <Section title={t(\"groupEditor.edges\")} ckui=\"group-edges\">\n      {out.length + incoming.length ? (\n        <ul className=\"grid gap-1.5\">\n          {out.map((e) => (\n            <li key={`${e.relation}:${e.to}`} className=\"flex flex-wrap items-center gap-2\" data-ckui=\"group-edge\" data-relation={e.relation}>\n              <Badge variant=\"secondary\">{labelOf(labels, e.relation)}</Badge>\n              <span>{nameOf(e.to)}</span>\n              <Button size=\"xs\" variant=\"ghost\" disabled={save.pending} aria-label={t(\"groupEditor.removeEdge\", { name: nameOf(e.to) })} onClick={() => void save.run(() => g.edges(\"remove\", [{ relation: e.relation, to: e.to }]))}>\n                {t(\"common.remove\")}\n              </Button>\n            </li>\n          ))}\n          {incoming.map((e) => (\n            <li key={`in:${e.relation}:${e.from}`} className=\"flex flex-wrap items-center gap-2 text-muted-foreground\" data-ckui=\"group-edge\" data-relation={`inverse:${e.relation}`}>\n              <span className=\"text-foreground\">{nameOf(e.from)}</span>\n              <Badge variant=\"outline\">{labelOf(labels, e.relation)}</Badge>\n            </li>\n          ))}\n        </ul>\n      ) : (\n        <p className=\"text-muted-foreground\">{t(\"groupEditor.noEdges\")}</p>\n      )}\n      <div className=\"flex flex-wrap items-end gap-2\">\n        <div className=\"grid gap-1\">\n          <Label htmlFor={`${id}-rel`} className=\"text-xs text-muted-foreground\">\n            {t(\"groupEditor.relation\")}\n          </Label>\n          <Input id={`${id}-rel`} className=\"h-8 w-40\" value={relation} placeholder=\"member_of\" aria-invalid={!!relation && !valid} onChange={(e) => setRelation(e.target.value)} />\n        </div>\n        {kindsList.length > 1 && (\n          <Select value={kind} onValueChange={(v) => setKind(String(v))}>\n            <SelectTrigger size=\"sm\" aria-label={t(\"groupEditor.edgeKind\")}>\n              <SelectValue>{(v: string) => labelOf(labels, v)}</SelectValue>\n            </SelectTrigger>\n            <SelectContent>\n              {kindsList.map((k) => (\n                <SelectItem key={k} value={k}>\n                  {labelOf(labels, k)}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        )}\n        {valid && (\n          <GroupPicker\n            key={kind}\n            kind={kind}\n            label={t(\"groupEditor.edgeTarget\")}\n            exclude={[group.id]}\n            client={client}\n            onPick={(to) => void save.run(() => g.edges(\"add\", [{ relation: relation.trim(), to: to.id }])).then((d) => d && setRelation(\"\"))}\n          />\n        )}\n      </div>\n      <ErrorLine error={save.error} />\n    </Section>\n  );\n}\n"],"mappings":"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"}

package/dist/components/groups/parts.d.ts

@@ -18,9 +18,9 @@ export interface GroupCoverProps {
     className?: string;
 }
 /** A group's cover: its renditions, else its initial on a muted tile. */
-export declare function GroupCover({ group, src, className }: GroupCoverProps): import('react').JSX.Element;
+export declare function GroupCover(p: GroupCoverProps): import('react').JSX.Element;
 /** A group's avatar: its renditions, else its initial in a circle. */
-export declare function GroupAvatar({ group, src, className }: GroupCoverProps): import('react').JSX.Element;
+export declare function GroupAvatar(p: GroupCoverProps): import('react').JSX.Element;
 /** A link to a group's page: `href`, else its canonical path; in-app through the provider's navigate. */
 export declare function GroupLink({ group, href, className, children }: {
     group: GroupLike;

package/dist/components/groups/parts.js

@@ -1,18 +1,19 @@
 import { RenditionImg as e } from "../rendition-img.js";
 import { useMessages as t } from "../../i18n/context.js";
-import { ContentKitContext as n, useContentKitClient as r } from "../../react/context.js";
-import { Input as i } from "../../ui/input.js";
-import { ErrorLine as a } from "../social/parts.js";
-import { humanize as o } from "../../client/group-fields.js";
-import { useTypeahead as s } from "../../react/discovery.js";
-import { useCallback as c, useContext as l, useEffect as u, useId as d, useMemo as f, useState as p } from "react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { cn as g } from "cn";
+import { useScopeProps as n } from "../../scope.js";
+import { ContentKitContext as r, useContentKitClient as i } from "../../react/context.js";
+import { Input as a } from "../../ui/input.js";
+import { ErrorLine as o } from "../social/parts.js";
+import { humanize as s } from "../../client/group-fields.js";
+import { useTypeahead as c } from "../../react/discovery.js";
+import { useCallback as l, useContext as u, useEffect as d, useId as f, useMemo as p, useState as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { cn as _ } from "cn";
 //#region src/components/groups/parts.tsx
-var _ = (e, t) => e?.[t] ?? o(t);
-function v() {
+var v = (e, t) => e?.[t] ?? s(t);
+function y() {
 	let { language: e } = t();
-	return f(() => {
+	return p(() => {
 		let t;
 		try {
 			t = new Intl.DisplayNames(e ? [e] : void 0, { type: "language" });
@@ -28,84 +29,82 @@ function v() {
 		};
 	}, [e]);
 }
-function y({ group: t, src: n, className: r }) {
-	let i = g("overflow-hidden rounded-md bg-muted", r), a = /* @__PURE__ */ m("span", {
-		className: g(i, "grid place-items-center text-lg font-semibold text-muted-foreground"),
+function b({ group: t, src: r, className: i, shape: a, slot: o }) {
+	let s = n(), c = _(s.className, "overflow-hidden bg-muted", a, i), l = {
+		"data-ckui-theme": s["data-ckui-theme"],
+		style: s.style,
+		"data-ckui": o
+	}, u = /* @__PURE__ */ h("span", {
+		...l,
+		className: _(c, "grid place-items-center font-semibold text-muted-foreground", o === "group-cover" && "text-lg"),
 		children: (t.name || t.slug).trim().charAt(0).toUpperCase() || "?"
 	});
-	if (n) return /* @__PURE__ */ m("img", {
-		src: n,
+	if (r) return /* @__PURE__ */ h("img", {
+		...l,
+		src: r,
 		alt: "",
-		className: g(i, "object-cover"),
-		"data-ckui": "group-cover"
+		className: _(c, "object-cover")
 	});
-	let o = t.cover?.renditions;
-	return o?.length ? /* @__PURE__ */ m(e, {
-		outputs: o,
+	let d = (o === "group-cover" ? t.cover : t.avatar)?.renditions;
+	return d?.length ? /* @__PURE__ */ h(e, {
+		...l,
+		outputs: d,
 		fit: "cover",
 		skeleton: !0,
-		className: i,
-		fallback: a,
-		"data-ckui": "group-cover"
-	}) : a;
+		className: c,
+		fallback: u
+	}) : u;
 }
-function b({ group: t, src: n, className: r }) {
-	let i = g("aspect-square overflow-hidden rounded-full bg-muted", r), a = /* @__PURE__ */ m("span", {
-		className: g(i, "grid place-items-center font-semibold text-muted-foreground"),
-		children: (t.name || t.slug).trim().charAt(0).toUpperCase() || "?"
+function x(e) {
+	return /* @__PURE__ */ h(b, {
+		...e,
+		shape: "rounded-md",
+		slot: "group-cover"
 	});
-	if (n) return /* @__PURE__ */ m("img", {
-		src: n,
-		alt: "",
-		className: g(i, "object-cover"),
-		"data-ckui": "group-avatar"
+}
+function S(e) {
+	return /* @__PURE__ */ h(b, {
+		...e,
+		shape: "aspect-square rounded-full",
+		slot: "group-avatar"
 	});
-	let o = t.avatar?.renditions;
-	return o?.length ? /* @__PURE__ */ m(e, {
-		outputs: o,
-		fit: "cover",
-		skeleton: !0,
-		className: i,
-		fallback: a,
-		"data-ckui": "group-avatar"
-	}) : a;
 }
-function x({ group: e, href: t, className: r, children: i }) {
-	let a = l(n)?.navigate, o = t ? t(e) : e.path, s = c((e) => {
+function C({ group: e, href: t, className: n, children: i }) {
+	let a = u(r)?.navigate, o = t ? t(e) : e.path, s = l((e) => {
 		!a || !o || e.defaultPrevented || e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || (e.preventDefault(), a(o));
 	}, [a, o]);
-	return o ? /* @__PURE__ */ m("a", {
+	return o ? /* @__PURE__ */ h("a", {
 		href: o,
-		className: r,
+		className: n,
 		onClick: s,
 		children: i
-	}) : /* @__PURE__ */ m("span", {
-		className: r,
+	}) : /* @__PURE__ */ h("span", {
+		className: n,
 		children: i
 	});
 }
-function S({ kind: e, language: n, exclude: r, label: o, onPick: c, client: l, autoFocus: _, className: v }) {
-	let { t: y } = t(), b = d(), [x, S] = p(""), [C, w] = p(0), T = s(x, {
+function w({ kind: e, language: n, exclude: r, label: i, onPick: s, client: l, autoFocus: u, className: v }) {
+	let { t: y } = t(), b = f(), [x, S] = m(""), [C, w] = m(0), T = c(x, {
 		group_kinds: [e],
 		display_language: n,
 		limit: 10,
 		client: l
-	}), E = f(() => T.groups.filter((t) => t.kind === e && !r?.includes(t.id)).slice(0, 8), [
+	}), E = p(() => T.groups.filter((t) => t.kind === e && !r?.includes(t.id)).slice(0, 8), [
 		T.groups,
 		e,
 		r
 	]), D = x.trim();
-	u(() => w(0), [D]);
+	d(() => w(0), [D]);
 	let O = (e) => {
-		S(""), c(e);
+		S(""), s(e);
 	}, k = E.length > 0;
-	return /* @__PURE__ */ h("div", {
-		className: g("relative grid min-w-48 flex-1 gap-1", v),
+	return /* @__PURE__ */ g("div", {
+		className: _("relative grid min-w-48 flex-1 gap-1", v),
 		"data-ckui": "group-picker",
 		children: [
-			/* @__PURE__ */ m(i, {
+			/* @__PURE__ */ h(a, {
 				role: "combobox",
-				"aria-label": o,
+				"aria-label": i,
 				"aria-expanded": k,
 				"aria-controls": `${b}-list`,
 				"aria-activedescendant": k ? `${b}-${C}` : void 0,
@@ -114,47 +113,47 @@ function S({ kind: e, language: n, exclude: r, label: o, onPick: c, client: l, a
 				className: "h-8",
 				value: x,
 				placeholder: y("groups.searchPlaceholder"),
-				autoFocus: _,
+				autoFocus: u,
 				onChange: (e) => S(e.target.value),
 				onKeyDown: (e) => {
 					k && (e.key === "ArrowDown" ? (e.preventDefault(), w((e) => Math.min(E.length - 1, e + 1))) : e.key === "ArrowUp" ? (e.preventDefault(), w((e) => Math.max(0, e - 1))) : e.key === "Enter" ? (e.preventDefault(), O(E[C])) : e.key === "Escape" && S(""));
 				}
 			}),
-			k && /* @__PURE__ */ m("ul", {
+			k && /* @__PURE__ */ h("ul", {
 				id: `${b}-list`,
 				role: "listbox",
-				"aria-label": o,
+				"aria-label": i,
 				className: "absolute top-full z-10 mt-1 grid w-full overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md",
-				children: E.map((e, t) => /* @__PURE__ */ h("li", {
+				children: E.map((e, t) => /* @__PURE__ */ g("li", {
 					id: `${b}-${t}`,
 					role: "option",
 					"aria-selected": t === C,
-					className: g("flex cursor-pointer items-baseline justify-between gap-2 px-3 py-1.5", t === C && "bg-accent text-accent-foreground"),
+					className: _("flex cursor-pointer items-baseline justify-between gap-2 px-3 py-1.5", t === C && "bg-accent text-accent-foreground"),
 					onMouseEnter: () => w(t),
 					onMouseDown: (t) => {
 						t.preventDefault(), O(e);
 					},
-					children: [/* @__PURE__ */ m("span", {
+					children: [/* @__PURE__ */ h("span", {
 						className: "min-w-0 truncate",
 						children: e.name || e.slug
-					}), /* @__PURE__ */ m("span", {
+					}), /* @__PURE__ */ h("span", {
 						className: "text-xs text-muted-foreground",
 						children: e.slug
 					})]
 				}, e.id))
 			}),
-			D && !k && T.query === D && !T.loading && !T.error && /* @__PURE__ */ m("p", {
+			D && !k && T.query === D && !T.loading && !T.error && /* @__PURE__ */ h("p", {
 				className: "text-xs text-muted-foreground",
 				role: "status",
 				children: y("groups.noMatch")
 			}),
-			/* @__PURE__ */ m(a, { error: T.error })
+			/* @__PURE__ */ h(o, { error: T.error })
 		]
 	});
 }
-function C(e, t = {}) {
-	let n = r(t.client), [i, a] = p(/* @__PURE__ */ new Map()), o = [...new Set(e)].sort().join(",");
-	return u(() => {
+function T(e, t = {}) {
+	let n = i(t.client), [r, a] = m(/* @__PURE__ */ new Map()), o = [...new Set(e)].sort().join(",");
+	return d(() => {
 		if (!o) return;
 		let e = new AbortController(), r = o.split(",");
 		return Promise.all(r.map((r) => n.groups.get(r, t.language, e.signal).catch(() => null))).then((t) => {
@@ -164,9 +163,9 @@ function C(e, t = {}) {
 		o,
 		n,
 		t.language
-	]), i;
+	]), r;
 }
 //#endregion
-export { b as GroupAvatar, y as GroupCover, x as GroupLink, S as GroupPicker, _ as labelOf, C as useGroupNames, v as useLanguageName };
+export { S as GroupAvatar, x as GroupCover, C as GroupLink, w as GroupPicker, v as labelOf, T as useGroupNames, y as useLanguageName };
 
 //# sourceMappingURL=parts.js.map

package/dist/components/groups/parts.js.map

@@ -1 +1 @@
-{"version":3,"file":"parts.js","names":[],"sources":["../../../src/components/groups/parts.tsx"],"sourcesContent":["import { cn } from \"cn\";\nimport { useCallback, useContext, useEffect, useId, useMemo, useState, type MouseEvent, type ReactNode } from \"react\";\nimport type { ContentKitClient } from \"../../client/client.js\";\nimport { humanize } from \"../../client/group-fields.js\";\nimport type { Avatar, GroupCard, GroupDetail, GroupsCover } from \"../../client/generated/wire.js\";\nimport { useMessages } from \"../../i18n/context.js\";\nimport { ContentKitContext, useContentKitClient } from \"../../react/context.js\";\nimport { useTypeahead } from \"../../react/discovery.js\";\nimport { Input } from \"#ckui/ui/input\";\nimport { RenditionImg } from \"../rendition-img.js\";\nimport { ErrorLine } from \"../social/parts.js\";\n\n/** A group as covers and links need it. */\nexport type GroupLike = Pick<GroupCard, \"id\" | \"kind\" | \"name\" | \"slug\" | \"path\"> & { cover?: GroupsCover; avatar?: Avatar };\n\n/** Display names of kinds, attributes, roles and values by identifier; a missing one shows the identifier humanized. */\nexport type Labels = Readonly<Record<string, string>>;\n\nexport const labelOf = (labels: Labels | undefined, id: string) => labels?.[id] ?? humanize(id);\n\n/** A language's name in the UI's language (\"ja\" → \"Japanese\"). */\nexport function useLanguageName(): (code: string) => string {\n  const { language } = useMessages();\n  return useMemo(() => {\n    let names: Intl.DisplayNames | undefined;\n    try {\n      names = new Intl.DisplayNames(language ? [language] : undefined, { type: \"language\" });\n    } catch {\n      names = undefined;\n    }\n    return (code: string) => {\n      try {\n        return names?.of(code) ?? code;\n      } catch {\n        return code;\n      }\n    };\n  }, [language]);\n}\n\nexport interface GroupCoverProps {\n  group: GroupLike;\n  /** Shown instead, e.g. a cover just uploaded. */\n  src?: string;\n  className?: string;\n}\n\n/** A group's cover: its renditions, else its initial on a muted tile. */\nexport function GroupCover({ group, src, className }: GroupCoverProps) {\n  const box = cn(\"overflow-hidden rounded-md bg-muted\", className);\n  const initial = <span className={cn(box, \"grid place-items-center text-lg font-semibold text-muted-foreground\")}>{(group.name || group.slug).trim().charAt(0).toUpperCase() || \"?\"}</span>;\n  if (src) return <img src={src} alt=\"\" className={cn(box, \"object-cover\")} data-ckui=\"group-cover\" />;\n  const renditions = group.cover?.renditions;\n  if (renditions?.length) return <RenditionImg outputs={renditions} fit=\"cover\" skeleton className={box} fallback={initial} data-ckui=\"group-cover\" />;\n  return initial;\n}\n\n/** A group's avatar: its renditions, else its initial in a circle. */\nexport function GroupAvatar({ group, src, className }: GroupCoverProps) {\n  const box = cn(\"aspect-square overflow-hidden rounded-full bg-muted\", className);\n  const initial = <span className={cn(box, \"grid place-items-center font-semibold text-muted-foreground\")}>{(group.name || group.slug).trim().charAt(0).toUpperCase() || \"?\"}</span>;\n  if (src) return <img src={src} alt=\"\" className={cn(box, \"object-cover\")} data-ckui=\"group-avatar\" />;\n  const renditions = group.avatar?.renditions;\n  if (renditions?.length) return <RenditionImg outputs={renditions} fit=\"cover\" skeleton className={box} fallback={initial} data-ckui=\"group-avatar\" />;\n  return initial;\n}\n\n/** A link to a group's page: `href`, else its canonical path; in-app through the provider's navigate. */\nexport function GroupLink({ group, href, className, children }: { group: GroupLike; href?: (g: GroupLike) => string | undefined; className?: string; children: ReactNode }) {\n  const navigate = useContext(ContentKitContext)?.navigate;\n  const url = href ? href(group) : group.path;\n  const onClick = useCallback(\n    (e: MouseEvent<HTMLAnchorElement>) => {\n      if (!navigate || !url || e.defaultPrevented || e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;\n      e.preventDefault();\n      navigate(url);\n    },\n    [navigate, url],\n  );\n  if (!url) return <span className={className}>{children}</span>;\n  return (\n    <a href={url} className={className} onClick={onClick}>\n      {children}\n    </a>\n  );\n}\n\nexport interface GroupPickerProps {\n  kind: string;\n  /** Names in this language. */\n  language?: string;\n  /** Groups not offered, by id. */\n  exclude?: readonly string[];\n  label: string;\n  onPick: (group: GroupCard) => void;\n  client?: ContentKitClient;\n  autoFocus?: boolean;\n  className?: string;\n}\n\n/** A typeahead over one kind's groups (GET /v1/typeahead). */\nexport function GroupPicker({ kind, language, exclude, label, onPick, client, autoFocus, className }: GroupPickerProps) {\n  const { t } = useMessages();\n  const id = useId();\n  const [text, setText] = useState(\"\");\n  const [active, setActive] = useState(0);\n  const found = useTypeahead(text, { group_kinds: [kind], display_language: language, limit: 10, client });\n  const results = useMemo(() => found.groups.filter((g) => g.kind === kind && !exclude?.includes(g.id)).slice(0, 8), [found.groups, kind, exclude]);\n  const q = text.trim();\n  useEffect(() => setActive(0), [q]);\n  const pick = (g: GroupCard) => {\n    setText(\"\");\n    onPick(g);\n  };\n  const open = results.length > 0;\n  return (\n    <div className={cn(\"relative grid min-w-48 flex-1 gap-1\", className)} data-ckui=\"group-picker\">\n      <Input\n        role=\"combobox\"\n        aria-label={label}\n        aria-expanded={open}\n        aria-controls={`${id}-list`}\n        aria-activedescendant={open ? `${id}-${active}` : undefined}\n        aria-autocomplete=\"list\"\n        autoComplete=\"off\"\n        className=\"h-8\"\n        value={text}\n        placeholder={t(\"groups.searchPlaceholder\")}\n        autoFocus={autoFocus}\n        onChange={(e) => setText(e.target.value)}\n        onKeyDown={(e) => {\n          if (!open) return;\n          if (e.key === \"ArrowDown\") {\n            e.preventDefault();\n            setActive((a) => Math.min(results.length - 1, a + 1));\n          } else if (e.key === \"ArrowUp\") {\n            e.preventDefault();\n            setActive((a) => Math.max(0, a - 1));\n          } else if (e.key === \"Enter\") {\n            e.preventDefault();\n            pick(results[active]!);\n          } else if (e.key === \"Escape\") setText(\"\");\n        }}\n      />\n      {open && (\n        <ul id={`${id}-list`} role=\"listbox\" aria-label={label} className=\"absolute top-full z-10 mt-1 grid w-full overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md\">\n          {results.map((g, i) => (\n            <li\n              key={g.id}\n              id={`${id}-${i}`}\n              role=\"option\"\n              aria-selected={i === active}\n              className={cn(\"flex cursor-pointer items-baseline justify-between gap-2 px-3 py-1.5\", i === active && \"bg-accent text-accent-foreground\")}\n              onMouseEnter={() => setActive(i)}\n              onMouseDown={(e) => {\n                e.preventDefault();\n                pick(g);\n              }}\n            >\n              <span className=\"min-w-0 truncate\">{g.name || g.slug}</span>\n              <span className=\"text-xs text-muted-foreground\">{g.slug}</span>\n            </li>\n          ))}\n        </ul>\n      )}\n      {q && !open && found.query === q && !found.loading && !found.error && (\n        <p className=\"text-xs text-muted-foreground\" role=\"status\">\n          {t(\"groups.noMatch\")}\n        </p>\n      )}\n      <ErrorLine error={found.error} />\n    </div>\n  );\n}\n\n/** Groups read by id, for names where only ids are at hand (edges); a missing or deleted one is left out. */\nexport function useGroupNames(ids: readonly string[], o: { language?: string; client?: ContentKitClient } = {}): ReadonlyMap<string, GroupDetail> {\n  const client = useContentKitClient(o.client);\n  const [found, setFound] = useState<ReadonlyMap<string, GroupDetail>>(new Map());\n  const key = [...new Set(ids)].sort().join(\",\");\n  useEffect(() => {\n    if (!key) return;\n    const ctl = new AbortController();\n    const list = key.split(\",\");\n    // A merged group answers as its survivor: keep it under the id asked for.\n    Promise.all(list.map((id) => client.groups.get(id, o.language, ctl.signal).catch(() => null))).then((all) => {\n      if (!ctl.signal.aborted) setFound(new Map(all.flatMap((g, i) => (g ? [[list[i]!, g] as const] : []))));\n    });\n    return () => ctl.abort();\n  }, [key, client, o.language]);\n  return found;\n}\n"],"mappings":"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"}
+{"version":3,"file":"parts.js","names":[],"sources":["../../../src/components/groups/parts.tsx"],"sourcesContent":["import { cn } from \"cn\";\nimport { useCallback, useContext, useEffect, useId, useMemo, useState, type MouseEvent, type ReactNode } from \"react\";\nimport type { ContentKitClient } from \"../../client/client.js\";\nimport { humanize } from \"../../client/group-fields.js\";\nimport type { Avatar, GroupCard, GroupDetail, GroupsCover } from \"../../client/generated/wire.js\";\nimport { useMessages } from \"../../i18n/context.js\";\nimport { ContentKitContext, useContentKitClient } from \"../../react/context.js\";\nimport { useTypeahead } from \"../../react/discovery.js\";\nimport { Input } from \"#ckui/ui/input\";\nimport { useScopeProps } from \"../../scope.js\";\nimport { RenditionImg } from \"../rendition-img.js\";\nimport { ErrorLine } from \"../social/parts.js\";\n\n/** A group as covers and links need it. */\nexport type GroupLike = Pick<GroupCard, \"id\" | \"kind\" | \"name\" | \"slug\" | \"path\"> & { cover?: GroupsCover; avatar?: Avatar };\n\n/** Display names of kinds, attributes, roles and values by identifier; a missing one shows the identifier humanized. */\nexport type Labels = Readonly<Record<string, string>>;\n\nexport const labelOf = (labels: Labels | undefined, id: string) => labels?.[id] ?? humanize(id);\n\n/** A language's name in the UI's language (\"ja\" → \"Japanese\"). */\nexport function useLanguageName(): (code: string) => string {\n  const { language } = useMessages();\n  return useMemo(() => {\n    let names: Intl.DisplayNames | undefined;\n    try {\n      names = new Intl.DisplayNames(language ? [language] : undefined, { type: \"language\" });\n    } catch {\n      names = undefined;\n    }\n    return (code: string) => {\n      try {\n        return names?.of(code) ?? code;\n      } catch {\n        return code;\n      }\n    };\n  }, [language]);\n}\n\nexport interface GroupCoverProps {\n  group: GroupLike;\n  /** Shown instead, e.g. a cover just uploaded. */\n  src?: string;\n  className?: string;\n}\n\n/** A group's cover or avatar image; its own styling root, so it renders anywhere in the host. */\nfunction GroupImage({ group, src, className, shape, slot }: GroupCoverProps & { shape: string; slot: \"group-cover\" | \"group-avatar\" }) {\n  const scope = useScopeProps();\n  const box = cn(scope.className, \"overflow-hidden bg-muted\", shape, className);\n  const root = { \"data-ckui-theme\": scope[\"data-ckui-theme\"], style: scope.style, \"data-ckui\": slot };\n  const initial = (\n    <span {...root} className={cn(box, \"grid place-items-center font-semibold text-muted-foreground\", slot === \"group-cover\" && \"text-lg\")}>\n      {(group.name || group.slug).trim().charAt(0).toUpperCase() || \"?\"}\n    </span>\n  );\n  if (src) return <img {...root} src={src} alt=\"\" className={cn(box, \"object-cover\")} />;\n  const renditions = (slot === \"group-cover\" ? group.cover : group.avatar)?.renditions;\n  if (renditions?.length) return <RenditionImg {...root} outputs={renditions} fit=\"cover\" skeleton className={box} fallback={initial} />;\n  return initial;\n}\n\n/** A group's cover: its renditions, else its initial on a muted tile. */\nexport function GroupCover(p: GroupCoverProps) {\n  return <GroupImage {...p} shape=\"rounded-md\" slot=\"group-cover\" />;\n}\n\n/** A group's avatar: its renditions, else its initial in a circle. */\nexport function GroupAvatar(p: GroupCoverProps) {\n  return <GroupImage {...p} shape=\"aspect-square rounded-full\" slot=\"group-avatar\" />;\n}\n\n/** A link to a group's page: `href`, else its canonical path; in-app through the provider's navigate. */\nexport function GroupLink({ group, href, className, children }: { group: GroupLike; href?: (g: GroupLike) => string | undefined; className?: string; children: ReactNode }) {\n  const navigate = useContext(ContentKitContext)?.navigate;\n  const url = href ? href(group) : group.path;\n  const onClick = useCallback(\n    (e: MouseEvent<HTMLAnchorElement>) => {\n      if (!navigate || !url || e.defaultPrevented || e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;\n      e.preventDefault();\n      navigate(url);\n    },\n    [navigate, url],\n  );\n  if (!url) return <span className={className}>{children}</span>;\n  return (\n    <a href={url} className={className} onClick={onClick}>\n      {children}\n    </a>\n  );\n}\n\nexport interface GroupPickerProps {\n  kind: string;\n  /** Names in this language. */\n  language?: string;\n  /** Groups not offered, by id. */\n  exclude?: readonly string[];\n  label: string;\n  onPick: (group: GroupCard) => void;\n  client?: ContentKitClient;\n  autoFocus?: boolean;\n  className?: string;\n}\n\n/** A typeahead over one kind's groups (GET /v1/typeahead). */\nexport function GroupPicker({ kind, language, exclude, label, onPick, client, autoFocus, className }: GroupPickerProps) {\n  const { t } = useMessages();\n  const id = useId();\n  const [text, setText] = useState(\"\");\n  const [active, setActive] = useState(0);\n  const found = useTypeahead(text, { group_kinds: [kind], display_language: language, limit: 10, client });\n  const results = useMemo(() => found.groups.filter((g) => g.kind === kind && !exclude?.includes(g.id)).slice(0, 8), [found.groups, kind, exclude]);\n  const q = text.trim();\n  useEffect(() => setActive(0), [q]);\n  const pick = (g: GroupCard) => {\n    setText(\"\");\n    onPick(g);\n  };\n  const open = results.length > 0;\n  return (\n    <div className={cn(\"relative grid min-w-48 flex-1 gap-1\", className)} data-ckui=\"group-picker\">\n      <Input\n        role=\"combobox\"\n        aria-label={label}\n        aria-expanded={open}\n        aria-controls={`${id}-list`}\n        aria-activedescendant={open ? `${id}-${active}` : undefined}\n        aria-autocomplete=\"list\"\n        autoComplete=\"off\"\n        className=\"h-8\"\n        value={text}\n        placeholder={t(\"groups.searchPlaceholder\")}\n        autoFocus={autoFocus}\n        onChange={(e) => setText(e.target.value)}\n        onKeyDown={(e) => {\n          if (!open) return;\n          if (e.key === \"ArrowDown\") {\n            e.preventDefault();\n            setActive((a) => Math.min(results.length - 1, a + 1));\n          } else if (e.key === \"ArrowUp\") {\n            e.preventDefault();\n            setActive((a) => Math.max(0, a - 1));\n          } else if (e.key === \"Enter\") {\n            e.preventDefault();\n            pick(results[active]!);\n          } else if (e.key === \"Escape\") setText(\"\");\n        }}\n      />\n      {open && (\n        <ul id={`${id}-list`} role=\"listbox\" aria-label={label} className=\"absolute top-full z-10 mt-1 grid w-full overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md\">\n          {results.map((g, i) => (\n            <li\n              key={g.id}\n              id={`${id}-${i}`}\n              role=\"option\"\n              aria-selected={i === active}\n              className={cn(\"flex cursor-pointer items-baseline justify-between gap-2 px-3 py-1.5\", i === active && \"bg-accent text-accent-foreground\")}\n              onMouseEnter={() => setActive(i)}\n              onMouseDown={(e) => {\n                e.preventDefault();\n                pick(g);\n              }}\n            >\n              <span className=\"min-w-0 truncate\">{g.name || g.slug}</span>\n              <span className=\"text-xs text-muted-foreground\">{g.slug}</span>\n            </li>\n          ))}\n        </ul>\n      )}\n      {q && !open && found.query === q && !found.loading && !found.error && (\n        <p className=\"text-xs text-muted-foreground\" role=\"status\">\n          {t(\"groups.noMatch\")}\n        </p>\n      )}\n      <ErrorLine error={found.error} />\n    </div>\n  );\n}\n\n/** Groups read by id, for names where only ids are at hand (edges); a missing or deleted one is left out. */\nexport function useGroupNames(ids: readonly string[], o: { language?: string; client?: ContentKitClient } = {}): ReadonlyMap<string, GroupDetail> {\n  const client = useContentKitClient(o.client);\n  const [found, setFound] = useState<ReadonlyMap<string, GroupDetail>>(new Map());\n  const key = [...new Set(ids)].sort().join(\",\");\n  useEffect(() => {\n    if (!key) return;\n    const ctl = new AbortController();\n    const list = key.split(\",\");\n    // A merged group answers as its survivor: keep it under the id asked for.\n    Promise.all(list.map((id) => client.groups.get(id, o.language, ctl.signal).catch(() => null))).then((all) => {\n      if (!ctl.signal.aborted) setFound(new Map(all.flatMap((g, i) => (g ? [[list[i]!, g] as const] : []))));\n    });\n    return () => ctl.abort();\n  }, [key, client, o.language]);\n  return found;\n}\n"],"mappings":";;;;;;;;;;;;AAmBA,IAAa,KAAW,GAA4B,MAAe,IAAS,MAAO,EAAS,CAAE;AAG9F,SAAgB,IAA4C;CAC1D,IAAM,EAAE,gBAAa,EAAY;CACjC,OAAO,QAAc;EACnB,IAAI;EACJ,IAAI;GACF,IAAQ,IAAI,KAAK,aAAa,IAAW,CAAC,CAAQ,IAAI,KAAA,GAAW,EAAE,MAAM,WAAW,CAAC;EACvF,QAAQ;GACN,IAAQ,KAAA;EACV;EACA,QAAQ,MAAiB;GACvB,IAAI;IACF,OAAO,GAAO,GAAG,CAAI,KAAK;GAC5B,QAAQ;IACN,OAAO;GACT;EACF;CACF,GAAG,CAAC,CAAQ,CAAC;AACf;AAUA,SAAS,EAAW,EAAE,UAAO,QAAK,cAAW,UAAO,WAAmF;CACrI,IAAM,IAAQ,EAAc,GACtB,IAAM,EAAG,EAAM,WAAW,4BAA4B,GAAO,CAAS,GACtE,IAAO;EAAE,mBAAmB,EAAM;EAAoB,OAAO,EAAM;EAAO,aAAa;CAAK,GAC5F,IACJ,kBAAC,QAAD;EAAM,GAAI;EAAM,WAAW,EAAG,GAAK,+DAA+D,MAAS,iBAAiB,SAAS;EACjI,WAAA,EAAM,QAAQ,EAAM,KAAA,CAAM,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,KAAK;CAC1D,CAAA;CAER,IAAI,GAAK,OAAO,kBAAC,OAAD;EAAK,GAAI;EAAW;EAAK,KAAI;EAAG,WAAW,EAAG,GAAK,cAAc;CAAI,CAAA;CACrF,IAAM,KAAc,MAAS,gBAAgB,EAAM,QAAQ,EAAM,OAAA,EAAS;CAE1E,OADI,GAAY,SAAe,kBAAC,GAAD;EAAc,GAAI;EAAM,SAAS;EAAY,KAAI;EAAQ,UAAA;EAAS,WAAW;EAAK,UAAU;CAAU,CAAA,IAC9H;AACT;AAGA,SAAgB,EAAW,GAAoB;CAC7C,OAAO,kBAAC,GAAD;EAAY,GAAI;EAAG,OAAM;EAAa,MAAK;CAAe,CAAA;AACnE;AAGA,SAAgB,EAAY,GAAoB;CAC9C,OAAO,kBAAC,GAAD;EAAY,GAAI;EAAG,OAAM;EAA6B,MAAK;CAAgB,CAAA;AACpF;AAGA,SAAgB,EAAU,EAAE,UAAO,SAAM,cAAW,eAAwH;CAC1K,IAAM,IAAW,EAAW,CAAiB,CAAC,EAAE,UAC1C,IAAM,IAAO,EAAK,CAAK,IAAI,EAAM,MACjC,IAAU,GACb,MAAqC;EAChC,CAAC,KAAY,CAAC,KAAO,EAAE,oBAAoB,EAAE,WAAW,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,WAC3G,EAAE,eAAe,GACjB,EAAS,CAAG;CACd,GACA,CAAC,GAAU,CAAG,CAChB;CAEA,OADK,IAEH,kBAAC,KAAD;EAAG,MAAM;EAAgB;EAAoB;EAC1C;CACA,CAAA,IAJY,kBAAC,QAAD;EAAiB;EAAY;CAAe,CAAA;AAM/D;AAgBA,SAAgB,EAAY,EAAE,SAAM,aAAU,YAAS,UAAO,WAAQ,WAAQ,cAAW,gBAA+B;CACtH,IAAM,EAAE,SAAM,EAAY,GACpB,IAAK,EAAM,GACX,CAAC,GAAM,KAAW,EAAS,EAAE,GAC7B,CAAC,GAAQ,KAAa,EAAS,CAAC,GAChC,IAAQ,EAAa,GAAM;EAAE,aAAa,CAAC,CAAI;EAAG,kBAAkB;EAAU,OAAO;EAAI;CAAO,CAAC,GACjG,IAAU,QAAc,EAAM,OAAO,QAAQ,MAAM,EAAE,SAAS,KAAQ,CAAC,GAAS,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,GAAG;EAAC,EAAM;EAAQ;EAAM;CAAO,CAAC,GAC1I,IAAI,EAAK,KAAK;CACpB,QAAgB,EAAU,CAAC,GAAG,CAAC,CAAC,CAAC;CACjC,IAAM,KAAQ,MAAiB;EAE7B,AADA,EAAQ,EAAE,GACV,EAAO,CAAC;CACV,GACM,IAAO,EAAQ,SAAS;CAC9B,OACE,kBAAC,OAAD;EAAK,WAAW,EAAG,uCAAuC,CAAS;EAAG,aAAU;EAAhF,UAAA;GACE,kBAAC,GAAD;IACE,MAAK;IACL,cAAY;IACZ,iBAAe;IACf,iBAAe,GAAG,EAAG;IACrB,yBAAuB,IAAO,GAAG,EAAG,GAAG,MAAW,KAAA;IAClD,qBAAkB;IAClB,cAAa;IACb,WAAU;IACV,OAAO;IACP,aAAa,EAAE,0BAA0B;IAC9B;IACX,WAAW,MAAM,EAAQ,EAAE,OAAO,KAAK;IACvC,YAAY,MAAM;KACX,MACD,EAAE,QAAQ,eACZ,EAAE,eAAe,GACjB,GAAW,MAAM,KAAK,IAAI,EAAQ,SAAS,GAAG,IAAI,CAAC,CAAC,KAC3C,EAAE,QAAQ,aACnB,EAAE,eAAe,GACjB,GAAW,MAAM,KAAK,IAAI,GAAG,IAAI,CAAC,CAAC,KAC1B,EAAE,QAAQ,WACnB,EAAE,eAAe,GACjB,EAAK,EAAQ,EAAQ,KACZ,EAAE,QAAQ,YAAU,EAAQ,EAAE;IAC3C;GACD,CAAA;GACA,KACC,kBAAC,MAAD;IAAI,IAAI,GAAG,EAAG;IAAQ,MAAK;IAAU,cAAY;IAAO,WAAU;IAC/D,UAAA,EAAQ,KAAK,GAAG,MACf,kBAAC,MAAD;KAEE,IAAI,GAAG,EAAG,GAAG;KACb,MAAK;KACL,iBAAe,MAAM;KACrB,WAAW,EAAG,wEAAwE,MAAM,KAAU,kCAAkC;KACxI,oBAAoB,EAAU,CAAC;KAC/B,cAAc,MAAM;MAElB,AADA,EAAE,eAAe,GACjB,EAAK,CAAC;KACR;KAVF,UAAA,CAYE,kBAAC,QAAD;MAAM,WAAU;MAAoB,UAAA,EAAE,QAAQ,EAAE;KAAW,CAAA,GAC3D,kBAAC,QAAD;MAAM,WAAU;MAAiC,UAAA,EAAE;KAAW,CAAA,CAC5D;IAbG,GAAA,EAAE,EAaL,CACL;GACC,CAAA;GAEL,KAAK,CAAC,KAAQ,EAAM,UAAU,KAAK,CAAC,EAAM,WAAW,CAAC,EAAM,SAC3D,kBAAC,KAAD;IAAG,WAAU;IAAgC,MAAK;IAC/C,UAAA,EAAE,gBAAgB;GAClB,CAAA;GAEL,kBAAC,GAAD,EAAW,OAAO,EAAM,MAAQ,CAAA;EAC7B;;AAET;AAGA,SAAgB,EAAc,GAAwB,IAAsD,CAAC,GAAqC;CAChJ,IAAM,IAAS,EAAoB,EAAE,MAAM,GACrC,CAAC,GAAO,KAAY,kBAA2C,IAAI,IAAI,CAAC,GACxE,IAAM,CAAC,GAAG,IAAI,IAAI,CAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG;CAW7C,OAVA,QAAgB;EACd,IAAI,CAAC,GAAK;EACV,IAAM,IAAM,IAAI,gBAAgB,GAC1B,IAAO,EAAI,MAAM,GAAG;EAK1B,OAHA,QAAQ,IAAI,EAAK,KAAK,MAAO,EAAO,OAAO,IAAI,GAAI,EAAE,UAAU,EAAI,MAAM,CAAC,CAAC,YAAY,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,MAAQ;GAC3G,AAAK,EAAI,OAAO,WAAS,EAAS,IAAI,IAAI,EAAI,SAAS,GAAG,MAAO,IAAI,CAAC,CAAC,EAAK,IAAK,CAAC,CAAU,IAAI,CAAC,CAAE,CAAC,CAAC;EACvG,CAAC,SACY,EAAI,MAAM;CACzB,GAAG;EAAC;EAAK;EAAQ,EAAE;CAAQ,CAAC,GACrB;AACT"}