@opengeni/react 6.5.2-canary.41607687019001 → 6.7.0

package/dist/ui/revision-history.js

@@ -2,30 +2,32 @@
 import {
   DiffView,
   failedLoadParts
-} from "../chunk-SRFARKXC.js";
+} from "../chunk-K56XV3C3.js";
 import {
   MetaChip
 } from "../chunk-SS3N75VI.js";
 import "../chunk-X6WZOHBI.js";
 import {
   ErrorMessage
-} from "../chunk-WHWUWN2X.js";
-import "../chunk-L4OF77LE.js";
+} from "../chunk-IKXNLWAL.js";
+import "../chunk-O4OOG3D6.js";
 import {
   Skeleton
 } from "../chunk-HJO32O7Z.js";
 import {
   InlineDisabledReason
-} from "../chunk-2VB2O4FQ.js";
+} from "../chunk-3CPWWGNK.js";
 import {
   RelativeTime
-} from "../chunk-ELL6HSYR.js";
+} from "../chunk-53AGXXZM.js";
 import "../chunk-5OTQA7CM.js";
-import "../chunk-AOHU6O3M.js";
+import "../chunk-MVW6HNPI.js";
 import "../chunk-ZMBJPN4T.js";
 import {
   DisabledReason
 } from "../chunk-UX3XHFRX.js";
+import "../chunk-V4Z4B2E3.js";
+import "../chunk-FYWT2O76.js";
 import "../chunk-USG4XNMA.js";
 import {
   Button
@@ -36,7 +38,7 @@ import "../chunk-XEA5BCMA.js";
 import {
   cn
 } from "../chunk-TXS65BB2.js";
-import "../chunk-TNUSPXPW.js";
+import "../chunk-7T2ZE3VT.js";
 
 // src/ui/revision-history.tsx
 import { useId, useState } from "react";

package/dist/ui/revision-history.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/revision-history.tsx"],"sourcesContent":["/* ----------------------------------------------------------------------------\n   RevisionHistory - every saved version of a text, what each one changed, and\n   Restore. Shared by knowledge entries, workspace instructions and\n   organization identity.\n\n   Restoring never deletes anything: it saves the old text as a new version,\n   so it's reversible and confirms with a toast and Undo, not a dialog.\n\n   Layouts:\n   - \"stacked\" (default): a timeline; each version opens in place to show its\n     changes. Fits a 520px sheet.\n   - \"split\": versions on the left, the selected version's changes on the\n     right. For pages and wide sheets.\n   -------------------------------------------------------------------------- */\n\nimport { useId, useState, type ReactNode } from \"react\";\nimport { ChevronRightIcon, LoaderCircleIcon, RotateCcwIcon } from \"lucide-react\";\n\nimport { cn } from \"../lib/cn\";\nimport { Button } from \"./button\";\nimport { DiffView, failedLoadParts, type DiffFormat, type FailedLoad } from \"./diff-view\";\nimport { DisabledReason } from \"./disabled-reason\";\nimport { ErrorMessage } from \"./error-message\";\nimport { MetaChip } from \"./meta-chip\";\nimport { RelativeTime } from \"./relative-time\";\nimport { InlineDisabledReason } from \"./select-menu\";\nimport { Skeleton } from \"./skeleton\";\n\nexport interface Revision {\n  id: string;\n  /** Who saved it: a person, or \"Opengeni\" for an approved agent change. */\n  author: string;\n  /** When, as an ISO time. Shown as \"3 days ago\" with the exact time on hover. */\n  createdAt?: string | undefined;\n  /** Or a ready label, when there's no timestamp: \"Created 18 Sep\". */\n  createdLabel?: string | undefined;\n  /** One line: \"Added: Prefer small PRs.\" */\n  summary: string;\n  /** The full text of this version. */\n  content: string;\n}\n\nexport type RevisionHistoryLayout = \"stacked\" | \"split\";\n\nexport interface RevisionHistoryProps {\n  /** Newest first. The first one is the current version. */\n  revisions: readonly Revision[];\n  layout?: RevisionHistoryLayout | undefined;\n  format?: DiffFormat | undefined;\n  /** Restores a version by saving it again as the newest. Return a promise for the saving state. */\n  onRestore?: ((revision: Revision) => void | Promise<unknown>) | undefined;\n  /** Why versions can't be restored here, and who can. */\n  restoreDisabledReason?: string | undefined;\n  /** Which version starts open (stacked) or selected (split). Defaults to the newest. */\n  defaultRevisionId?: string | undefined;\n  /** The clock for \"3 days ago\". */\n  now?: Date | undefined;\n  /** Accessible name: \"Workspace instructions history\". */\n  label?: string | undefined;\n  loading?: boolean | undefined;\n  /** What happened, what to do next, and an optional retry. */\n  error?: FailedLoad | undefined;\n  className?: string | undefined;\n}\n\n/** The text a version replaced: the one saved right before it, or nothing for the first. */\nexport function previousContent(revisions: readonly Revision[], index: number): string {\n  return revisions[index + 1]?.content ?? \"\";\n}\n\nfunction When({ revision, now }: { revision: Revision; now?: Date | undefined }) {\n  if (revision.createdAt) {\n    return <RelativeTime date={revision.createdAt} now={now} focusable={false} />;\n  }\n  return <span>{revision.createdLabel}</span>;\n}\n\nfunction RestoreButton({\n  revision,\n  onRestore,\n  disabledReason,\n}: {\n  revision: Revision;\n  onRestore?: ((revision: Revision) => void | Promise<unknown>) | undefined;\n  disabledReason?: string | undefined;\n}) {\n  const [pending, setPending] = useState(false);\n  if (!onRestore) return null;\n  const restore = async () => {\n    const result = onRestore(revision);\n    if (result && typeof (result as Promise<unknown>).then === \"function\") {\n      setPending(true);\n      try {\n        await result;\n      } finally {\n        setPending(false);\n      }\n    }\n  };\n  // Not allowed: still focusable, and the reason shows on hover, focus and tap.\n  return (\n    <DisabledReason reason={disabledReason ?? \"\"} disabled={Boolean(disabledReason)}>\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        size=\"sm\"\n        disabled={pending}\n        aria-label={`Restore this version: ${revision.summary}`}\n        onClick={() => void restore()}\n        className=\"shrink-0 pointer-coarse:min-h-11\"\n      >\n        {pending ? (\n          <LoaderCircleIcon aria-hidden=\"true\" className=\"motion-safe:animate-spin\" />\n        ) : (\n          <RotateCcwIcon aria-hidden=\"true\" />\n        )}\n        {pending ? \"Restoring…\" : \"Restore\"}\n      </Button>\n    </DisabledReason>\n  );\n}\n\n/** \"Current\" is a fact about the version, not a health status: a quiet chip. */\nfunction CurrentTag() {\n  return <MetaChip variant=\"outline\">Current</MetaChip>;\n}\n\nfunction Stacked({\n  revisions,\n  format,\n  onRestore,\n  restoreDisabledReason,\n  defaultRevisionId,\n  now,\n}: RevisionHistoryProps & { format: DiffFormat }) {\n  const [open, setOpen] = useState<Set<string>>(\n    () => new Set([defaultRevisionId ?? revisions[0]?.id ?? \"\"]),\n  );\n  const baseId = useId();\n  const toggle = (id: string) =>\n    setOpen((current) => {\n      const next = new Set(current);\n      if (next.has(id)) next.delete(id);\n      else next.add(id);\n      return next;\n    });\n\n  return (\n    <ol className=\"flex min-w-0 flex-col\">\n      {revisions.map((revision, index) => {\n        const isOpen = open.has(revision.id);\n        const current = index === 0;\n        const last = index === revisions.length - 1;\n        const panelId = `${baseId}-${index}`;\n        return (\n          <li\n            key={revision.id}\n            className=\"relative grid min-w-0 grid-cols-[1.25rem_minmax(0,1fr)] gap-x-3\"\n          >\n            {/* The timeline: a dot per version, joined by a line. */}\n            <span aria-hidden=\"true\" className=\"relative flex justify-center\">\n              <span\n                className={cn(\n                  \"relative z-10 mt-[18px] size-2.5 rounded-full border-2\",\n                  current ? \"border-brand bg-brand\" : \"border-border-strong bg-surface\",\n                )}\n              />\n              {!last ? <span className=\"absolute top-[30px] bottom-0 w-px bg-border\" /> : null}\n              {index > 0 ? <span className=\"absolute top-0 h-[18px] w-px bg-border\" /> : null}\n            </span>\n            <div className={cn(\"min-w-0\", !last && \"pb-2\")}>\n              <div className=\"flex min-w-0 items-start gap-3 py-2\">\n                <button\n                  type=\"button\"\n                  aria-expanded={isOpen}\n                  aria-controls={panelId}\n                  onClick={() => toggle(revision.id)}\n                  className=\"group/rev -mx-2 flex min-w-0 flex-1 items-start gap-2 rounded-[10px] px-2 py-1 text-left transition-colors duration-[120ms] hover:bg-surface-2 pointer-coarse:min-h-11\"\n                >\n                  <ChevronRightIcon\n                    aria-hidden=\"true\"\n                    className={cn(\n                      \"mt-0.5 size-4 shrink-0 text-fg-subtle transition-transform duration-[120ms]\",\n                      isOpen && \"rotate-90\",\n                    )}\n                  />\n                  <span className=\"min-w-0\">\n                    <span className=\"block text-sm font-medium text-fg\">{revision.summary}</span>\n                    <span className=\"block text-xs leading-4.5 text-fg-muted\">\n                      {revision.author} · <When revision={revision} now={now} />\n                    </span>\n                  </span>\n                </button>\n                <div className=\"flex shrink-0 items-center pt-1\">\n                  {current ? (\n                    <CurrentTag />\n                  ) : (\n                    <RestoreButton\n                      revision={revision}\n                      onRestore={onRestore}\n                      disabledReason={restoreDisabledReason}\n                    />\n                  )}\n                </div>\n              </div>\n              {isOpen ? (\n                <div id={panelId} className=\"pb-2 pl-6\">\n                  <DiffView\n                    before={previousContent(revisions, index)}\n                    after={revision.content}\n                    format={format}\n                    size=\"sm\"\n                    hideStats\n                    label={`Changes in: ${revision.summary}`}\n                  />\n                </div>\n              ) : null}\n            </div>\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n\nfunction Split({\n  revisions,\n  format,\n  onRestore,\n  restoreDisabledReason,\n  defaultRevisionId,\n  now,\n}: RevisionHistoryProps & { format: DiffFormat }) {\n  const [selectedId, setSelectedId] = useState(defaultRevisionId ?? revisions[0]?.id);\n  const index = Math.max(\n    0,\n    revisions.findIndex((revision) => revision.id === selectedId),\n  );\n  const selected = revisions[index];\n  const listId = useId();\n  return (\n    <div className=\"grid min-w-0 gap-4 @2xl/history:grid-cols-[15rem_minmax(0,1fr)]\">\n      <div\n        role=\"listbox\"\n        id={listId}\n        aria-label=\"Versions\"\n        aria-orientation=\"vertical\"\n        className=\"flex min-w-0 flex-col gap-0.5\"\n        onKeyDown={(event) => {\n          if (event.key !== \"ArrowDown\" && event.key !== \"ArrowUp\") return;\n          event.preventDefault();\n          const next = Math.min(\n            revisions.length - 1,\n            Math.max(0, index + (event.key === \"ArrowDown\" ? 1 : -1)),\n          );\n          setSelectedId(revisions[next]!.id);\n          (event.currentTarget.children[next] as HTMLElement | undefined)?.focus();\n        }}\n      >\n        {revisions.map((revision, at) => {\n          const active = at === index;\n          return (\n            <div\n              key={revision.id}\n              role=\"option\"\n              aria-selected={active}\n              tabIndex={active ? 0 : -1}\n              onClick={() => setSelectedId(revision.id)}\n              onKeyDown={(event) => {\n                if (event.key === \"Enter\" || event.key === \" \") {\n                  event.preventDefault();\n                  setSelectedId(revision.id);\n                }\n              }}\n              className={cn(\n                \"relative min-w-0 cursor-pointer rounded-[10px] px-3 py-2 transition-colors duration-[120ms] pointer-coarse:min-h-11\",\n                active ? \"bg-surface-2\" : \"hover:bg-surface-2/70\",\n              )}\n            >\n              {active ? (\n                // The selected marker every list uses (ListRow, nav): 2 x 16px brand bar.\n                <span\n                  aria-hidden=\"true\"\n                  className=\"absolute top-1/2 left-0 h-4 w-0.5 -translate-y-1/2 rounded-full bg-brand\"\n                />\n              ) : null}\n              <span className=\"flex min-w-0 items-center gap-2\">\n                <span className=\"min-w-0 truncate text-sm font-medium text-fg\">\n                  {revision.summary}\n                </span>\n              </span>\n              <span className=\"block truncate text-xs leading-4.5 text-fg-muted\">\n                {revision.author} · <When revision={revision} now={now} />\n                {at === 0 ? \" · Current\" : \"\"}\n              </span>\n            </div>\n          );\n        })}\n      </div>\n      {selected ? (\n        <DiffView\n          before={previousContent(revisions, index)}\n          after={selected.content}\n          format={format}\n          title={selected.summary}\n          meta={\n            <>\n              {selected.author} · <When revision={selected} now={now} />\n            </>\n          }\n          actions={\n            index === 0 ? (\n              <CurrentTag />\n            ) : (\n              <RestoreButton\n                revision={selected}\n                onRestore={onRestore}\n                disabledReason={restoreDisabledReason}\n              />\n            )\n          }\n        />\n      ) : null}\n    </div>\n  );\n}\n\n/** Every saved version of a text, what each changed, and Restore. */\nexport function RevisionHistory(props: RevisionHistoryProps) {\n  const {\n    layout = \"stacked\",\n    format = \"markdown\",\n    revisions,\n    restoreDisabledReason,\n    loading,\n    error,\n    label = \"History\",\n    className,\n  } = props;\n  let body: ReactNode;\n  if (loading) {\n    body = (\n      <div aria-hidden=\"true\" className=\"flex flex-col gap-4 py-2\">\n        {[0, 1, 2].map((row) => (\n          <div key={row} className=\"flex items-center gap-3\">\n            <Skeleton className=\"size-2.5 rounded-full bg-surface-3\" />\n            <div className=\"flex flex-1 flex-col gap-1.5\">\n              <Skeleton className=\"h-3.5 w-48 max-w-[70%] rounded-full bg-surface-3\" />\n              <Skeleton className=\"h-3 w-32 max-w-[50%] rounded-full bg-surface-3\" />\n            </div>\n          </div>\n        ))}\n      </div>\n    );\n  } else if (error) {\n    const failure = failedLoadParts(error);\n    body = (\n      <ErrorMessage\n        title={error.message}\n        details={failure.details}\n        action={\n          error.onRetry ? (\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={error.onRetry}\n              className=\"pointer-coarse:min-h-11\"\n            >\n              Try again\n            </Button>\n          ) : undefined\n        }\n      >\n        {failure.detail}\n      </ErrorMessage>\n    );\n  } else if (revisions.length === 0) {\n    body = <p className=\"text-sm text-fg-muted\">No versions yet. Saving creates the first one.</p>;\n  } else {\n    body =\n      layout === \"split\" ? (\n        <Split {...props} format={format} />\n      ) : (\n        <Stacked {...props} format={format} />\n      );\n  }\n  return (\n    <section\n      aria-label={label}\n      aria-busy={loading || undefined}\n      data-layout={layout}\n      className={cn(\"@container/history min-w-0\", className)}\n    >\n      {body}\n      {restoreDisabledReason && !loading && !error && revisions.length > 1 ? (\n        <div className=\"mt-3\">\n          <InlineDisabledReason>{restoreDisabledReason}</InlineDisabledReason>\n        </div>\n      ) : null}\n    </section>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/ui/revision-history.tsx"],"sourcesContent":["/* ----------------------------------------------------------------------------\n   RevisionHistory - every saved version of a text, what each one changed, and\n   Restore. Shared by knowledge entries, workspace instructions and\n   organization identity.\n\n   Restoring never deletes anything: it saves the old text as a new version,\n   so it's reversible and confirms with a toast and Undo, not a dialog.\n\n   Layouts:\n   - \"stacked\" (default): a timeline; each version opens in place to show its\n     changes. Fits a 520px sheet.\n   - \"split\": versions on the left, the selected version's changes on the\n     right. For pages and wide sheets.\n   -------------------------------------------------------------------------- */\n\nimport { useId, useState, type ReactNode } from \"react\";\nimport { ChevronRightIcon, LoaderCircleIcon, RotateCcwIcon } from \"lucide-react\";\n\nimport { cn } from \"../lib/cn\";\nimport { Button } from \"./button\";\nimport { DiffView, failedLoadParts, type DiffFormat, type FailedLoad } from \"./diff-view\";\nimport { DisabledReason } from \"./disabled-reason\";\nimport { ErrorMessage } from \"./error-message\";\nimport { MetaChip } from \"./meta-chip\";\nimport { RelativeTime } from \"./relative-time\";\nimport { InlineDisabledReason } from \"./select-menu\";\nimport { Skeleton } from \"./skeleton\";\n\nexport interface Revision {\n  id: string;\n  /** Who saved it: a person, or \"Opengeni\" for an approved agent change. */\n  author: string;\n  /** When, as an ISO time. Shown as \"3 days ago\" with the exact time on hover. */\n  createdAt?: string | undefined;\n  /** Or a ready label, when there's no timestamp: \"Created 18 Sep\". */\n  createdLabel?: string | undefined;\n  /** One line: \"Added: Prefer small PRs.\" */\n  summary: string;\n  /** The full text of this version. */\n  content: string;\n}\n\nexport type RevisionHistoryLayout = \"stacked\" | \"split\";\n\nexport interface RevisionHistoryProps {\n  /** Newest first. The first one is the current version. */\n  revisions: readonly Revision[];\n  layout?: RevisionHistoryLayout | undefined;\n  format?: DiffFormat | undefined;\n  /** Restores a version by saving it again as the newest. Return a promise for the saving state. */\n  onRestore?: ((revision: Revision) => void | Promise<unknown>) | undefined;\n  /** Why versions can't be restored here, and who can. */\n  restoreDisabledReason?: string | undefined;\n  /** Which version starts open (stacked) or selected (split). Defaults to the newest. */\n  defaultRevisionId?: string | undefined;\n  /** The clock for \"3 days ago\". */\n  now?: Date | undefined;\n  /** Accessible name: \"Workspace instructions history\". */\n  label?: string | undefined;\n  loading?: boolean | undefined;\n  /** What happened, what to do next, and an optional retry. */\n  error?: FailedLoad | undefined;\n  className?: string | undefined;\n}\n\n/** The text a version replaced: the one saved right before it, or nothing for the first. */\nexport function previousContent(revisions: readonly Revision[], index: number): string {\n  return revisions[index + 1]?.content ?? \"\";\n}\n\nfunction When({ revision, now }: { revision: Revision; now?: Date | undefined }) {\n  if (revision.createdAt) {\n    return <RelativeTime date={revision.createdAt} now={now} focusable={false} />;\n  }\n  return <span>{revision.createdLabel}</span>;\n}\n\nfunction RestoreButton({\n  revision,\n  onRestore,\n  disabledReason,\n}: {\n  revision: Revision;\n  onRestore?: ((revision: Revision) => void | Promise<unknown>) | undefined;\n  disabledReason?: string | undefined;\n}) {\n  const [pending, setPending] = useState(false);\n  if (!onRestore) return null;\n  const restore = async () => {\n    const result = onRestore(revision);\n    if (result && typeof (result as Promise<unknown>).then === \"function\") {\n      setPending(true);\n      try {\n        await result;\n      } finally {\n        setPending(false);\n      }\n    }\n  };\n  // Not allowed: still focusable, and the reason shows on hover, focus and tap.\n  return (\n    <DisabledReason reason={disabledReason ?? \"\"} disabled={Boolean(disabledReason)}>\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        size=\"sm\"\n        disabled={pending}\n        aria-label={`Restore this version: ${revision.summary}`}\n        onClick={() => void restore()}\n        className=\"shrink-0 pointer-coarse:min-h-11\"\n      >\n        {pending ? (\n          <LoaderCircleIcon aria-hidden=\"true\" className=\"motion-safe:animate-spin\" />\n        ) : (\n          <RotateCcwIcon aria-hidden=\"true\" />\n        )}\n        {pending ? \"Restoring…\" : \"Restore\"}\n      </Button>\n    </DisabledReason>\n  );\n}\n\n/** \"Current\" is a fact about the version, not a health status: a quiet chip. */\nfunction CurrentTag() {\n  return <MetaChip variant=\"outline\">Current</MetaChip>;\n}\n\nfunction Stacked({\n  revisions,\n  format,\n  onRestore,\n  restoreDisabledReason,\n  defaultRevisionId,\n  now,\n}: RevisionHistoryProps & { format: DiffFormat }) {\n  const [open, setOpen] = useState<Set<string>>(\n    () => new Set([defaultRevisionId ?? revisions[0]?.id ?? \"\"]),\n  );\n  const baseId = useId();\n  const toggle = (id: string) =>\n    setOpen((current) => {\n      const next = new Set(current);\n      if (next.has(id)) next.delete(id);\n      else next.add(id);\n      return next;\n    });\n\n  return (\n    <ol className=\"flex min-w-0 flex-col\">\n      {revisions.map((revision, index) => {\n        const isOpen = open.has(revision.id);\n        const current = index === 0;\n        const last = index === revisions.length - 1;\n        const panelId = `${baseId}-${index}`;\n        return (\n          <li\n            key={revision.id}\n            className=\"relative grid min-w-0 grid-cols-[1.25rem_minmax(0,1fr)] gap-x-3\"\n          >\n            {/* The timeline: a dot per version, joined by a line. */}\n            <span aria-hidden=\"true\" className=\"relative flex justify-center\">\n              <span\n                className={cn(\n                  \"relative z-10 mt-[18px] size-2.5 rounded-full border-2\",\n                  current ? \"border-brand bg-brand\" : \"border-border-strong bg-surface\",\n                )}\n              />\n              {!last ? <span className=\"absolute top-[30px] bottom-0 w-px bg-border\" /> : null}\n              {index > 0 ? <span className=\"absolute top-0 h-[18px] w-px bg-border\" /> : null}\n            </span>\n            <div className={cn(\"min-w-0\", !last && \"pb-2\")}>\n              <div className=\"flex min-w-0 items-start gap-3 py-2\">\n                <button\n                  type=\"button\"\n                  aria-expanded={isOpen}\n                  aria-controls={panelId}\n                  onClick={() => toggle(revision.id)}\n                  className=\"group/rev -mx-2 flex min-w-0 flex-1 items-start gap-2 rounded-[10px] px-2 py-1 text-left transition-colors duration-[120ms] hover:bg-surface-2 pointer-coarse:min-h-11\"\n                >\n                  <ChevronRightIcon\n                    aria-hidden=\"true\"\n                    className={cn(\n                      \"mt-0.5 size-4 shrink-0 text-fg-subtle transition-transform duration-[120ms]\",\n                      isOpen && \"rotate-90\",\n                    )}\n                  />\n                  <span className=\"min-w-0\">\n                    <span className=\"block text-sm font-medium text-fg\">{revision.summary}</span>\n                    <span className=\"block text-xs leading-4.5 text-fg-muted\">\n                      {revision.author} · <When revision={revision} now={now} />\n                    </span>\n                  </span>\n                </button>\n                <div className=\"flex shrink-0 items-center pt-1\">\n                  {current ? (\n                    <CurrentTag />\n                  ) : (\n                    <RestoreButton\n                      revision={revision}\n                      onRestore={onRestore}\n                      disabledReason={restoreDisabledReason}\n                    />\n                  )}\n                </div>\n              </div>\n              {isOpen ? (\n                <div id={panelId} className=\"pb-2 pl-6\">\n                  <DiffView\n                    before={previousContent(revisions, index)}\n                    after={revision.content}\n                    format={format}\n                    size=\"sm\"\n                    hideStats\n                    label={`Changes in: ${revision.summary}`}\n                  />\n                </div>\n              ) : null}\n            </div>\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n\nfunction Split({\n  revisions,\n  format,\n  onRestore,\n  restoreDisabledReason,\n  defaultRevisionId,\n  now,\n}: RevisionHistoryProps & { format: DiffFormat }) {\n  const [selectedId, setSelectedId] = useState(defaultRevisionId ?? revisions[0]?.id);\n  const index = Math.max(\n    0,\n    revisions.findIndex((revision) => revision.id === selectedId),\n  );\n  const selected = revisions[index];\n  const listId = useId();\n  return (\n    <div className=\"grid min-w-0 gap-4 @2xl/history:grid-cols-[15rem_minmax(0,1fr)]\">\n      <div\n        role=\"listbox\"\n        id={listId}\n        aria-label=\"Versions\"\n        aria-orientation=\"vertical\"\n        className=\"flex min-w-0 flex-col gap-0.5\"\n        onKeyDown={(event) => {\n          if (event.key !== \"ArrowDown\" && event.key !== \"ArrowUp\") return;\n          event.preventDefault();\n          const next = Math.min(\n            revisions.length - 1,\n            Math.max(0, index + (event.key === \"ArrowDown\" ? 1 : -1)),\n          );\n          setSelectedId(revisions[next]!.id);\n          (event.currentTarget.children[next] as HTMLElement | undefined)?.focus();\n        }}\n      >\n        {revisions.map((revision, at) => {\n          const active = at === index;\n          return (\n            <div\n              key={revision.id}\n              role=\"option\"\n              aria-selected={active}\n              tabIndex={active ? 0 : -1}\n              onClick={() => setSelectedId(revision.id)}\n              onKeyDown={(event) => {\n                if (event.key === \"Enter\" || event.key === \" \") {\n                  event.preventDefault();\n                  setSelectedId(revision.id);\n                }\n              }}\n              className={cn(\n                \"relative min-w-0 cursor-pointer rounded-[10px] px-3 py-2 transition-colors duration-[120ms] pointer-coarse:min-h-11\",\n                active ? \"bg-surface-2\" : \"hover:bg-surface-2/70\",\n              )}\n            >\n              {active ? (\n                // The selected marker every list uses (ListRow, nav): 2 x 16px brand bar.\n                <span\n                  aria-hidden=\"true\"\n                  className=\"absolute top-1/2 left-0 h-4 w-0.5 -translate-y-1/2 rounded-full bg-brand\"\n                />\n              ) : null}\n              <span className=\"flex min-w-0 items-center gap-2\">\n                <span className=\"min-w-0 truncate text-sm font-medium text-fg\">\n                  {revision.summary}\n                </span>\n              </span>\n              <span className=\"block truncate text-xs leading-4.5 text-fg-muted\">\n                {revision.author} · <When revision={revision} now={now} />\n                {at === 0 ? \" · Current\" : \"\"}\n              </span>\n            </div>\n          );\n        })}\n      </div>\n      {selected ? (\n        <DiffView\n          before={previousContent(revisions, index)}\n          after={selected.content}\n          format={format}\n          title={selected.summary}\n          meta={\n            <>\n              {selected.author} · <When revision={selected} now={now} />\n            </>\n          }\n          actions={\n            index === 0 ? (\n              <CurrentTag />\n            ) : (\n              <RestoreButton\n                revision={selected}\n                onRestore={onRestore}\n                disabledReason={restoreDisabledReason}\n              />\n            )\n          }\n        />\n      ) : null}\n    </div>\n  );\n}\n\n/** Every saved version of a text, what each changed, and Restore. */\nexport function RevisionHistory(props: RevisionHistoryProps) {\n  const {\n    layout = \"stacked\",\n    format = \"markdown\",\n    revisions,\n    restoreDisabledReason,\n    loading,\n    error,\n    label = \"History\",\n    className,\n  } = props;\n  let body: ReactNode;\n  if (loading) {\n    body = (\n      <div aria-hidden=\"true\" className=\"flex flex-col gap-4 py-2\">\n        {[0, 1, 2].map((row) => (\n          <div key={row} className=\"flex items-center gap-3\">\n            <Skeleton className=\"size-2.5 rounded-full bg-surface-3\" />\n            <div className=\"flex flex-1 flex-col gap-1.5\">\n              <Skeleton className=\"h-3.5 w-48 max-w-[70%] rounded-full bg-surface-3\" />\n              <Skeleton className=\"h-3 w-32 max-w-[50%] rounded-full bg-surface-3\" />\n            </div>\n          </div>\n        ))}\n      </div>\n    );\n  } else if (error) {\n    const failure = failedLoadParts(error);\n    body = (\n      <ErrorMessage\n        title={error.message}\n        details={failure.details}\n        action={\n          error.onRetry ? (\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={error.onRetry}\n              className=\"pointer-coarse:min-h-11\"\n            >\n              Try again\n            </Button>\n          ) : undefined\n        }\n      >\n        {failure.detail}\n      </ErrorMessage>\n    );\n  } else if (revisions.length === 0) {\n    body = <p className=\"text-sm text-fg-muted\">No versions yet. Saving creates the first one.</p>;\n  } else {\n    body =\n      layout === \"split\" ? (\n        <Split {...props} format={format} />\n      ) : (\n        <Stacked {...props} format={format} />\n      );\n  }\n  return (\n    <section\n      aria-label={label}\n      aria-busy={loading || undefined}\n      data-layout={layout}\n      className={cn(\"@container/history min-w-0\", className)}\n    >\n      {body}\n      {restoreDisabledReason && !loading && !error && revisions.length > 1 ? (\n        <div className=\"mt-3\">\n          <InlineDisabledReason>{restoreDisabledReason}</InlineDisabledReason>\n        </div>\n      ) : null}\n    </section>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/ui/role-select.js

@@ -4,25 +4,27 @@ import {
   RoleSelect,
   needsEscalationConfirm,
   roleLabel
-} from "../chunk-OMH7R6I3.js";
-import "../chunk-IGVVXLKJ.js";
-import "../chunk-WHWUWN2X.js";
-import "../chunk-L4OF77LE.js";
+} from "../chunk-I7XIZRFD.js";
+import "../chunk-ZYAZUPPV.js";
+import "../chunk-IKXNLWAL.js";
+import "../chunk-O4OOG3D6.js";
 import "../chunk-HJO32O7Z.js";
 import "../chunk-HD5X76TP.js";
-import "../chunk-2VB2O4FQ.js";
+import "../chunk-3CPWWGNK.js";
 import "../chunk-5OTQA7CM.js";
-import "../chunk-AOHU6O3M.js";
+import "../chunk-MVW6HNPI.js";
 import "../chunk-ZMBJPN4T.js";
 import "../chunk-UX3XHFRX.js";
-import "../chunk-WLEDGIVS.js";
+import "../chunk-FSOQDUCG.js";
+import "../chunk-V4Z4B2E3.js";
+import "../chunk-FYWT2O76.js";
 import "../chunk-USG4XNMA.js";
 import "../chunk-7QQN3KNP.js";
 import "../chunk-EDYVC3U3.js";
 import "../chunk-UD6AAZSC.js";
 import "../chunk-XEA5BCMA.js";
 import "../chunk-TXS65BB2.js";
-import "../chunk-TNUSPXPW.js";
+import "../chunk-7T2ZE3VT.js";
 export {
   CUSTOM_ROLE_LABEL,
   RoleSelect,

package/dist/ui/segmented-control.js

@@ -1,9 +1,11 @@
 "use client";
 import {
   SegmentedControl
-} from "../chunk-VGUN6VB2.js";
-import "../chunk-PC2MVXIP.js";
+} from "../chunk-RGBI63KJ.js";
+import "../chunk-YNF2OC54.js";
 import "../chunk-UX3XHFRX.js";
+import "../chunk-V4Z4B2E3.js";
+import "../chunk-FYWT2O76.js";
 import "../chunk-UD6AAZSC.js";
 import "../chunk-XEA5BCMA.js";
 import "../chunk-TXS65BB2.js";

package/dist/ui/select-menu.js

@@ -12,15 +12,17 @@ import {
   nativeOptionText,
   nextEnabledIndex,
   typeaheadIndex
-} from "../chunk-2VB2O4FQ.js";
+} from "../chunk-3CPWWGNK.js";
 import "../chunk-5OTQA7CM.js";
-import "../chunk-AOHU6O3M.js";
+import "../chunk-MVW6HNPI.js";
+import "../chunk-V4Z4B2E3.js";
+import "../chunk-FYWT2O76.js";
 import "../chunk-USG4XNMA.js";
 import "../chunk-EDYVC3U3.js";
 import "../chunk-UD6AAZSC.js";
 import "../chunk-XEA5BCMA.js";
 import "../chunk-TXS65BB2.js";
-import "../chunk-TNUSPXPW.js";
+import "../chunk-7T2ZE3VT.js";
 export {
   ComboboxPanelPreview,
   ComboboxSelect,

package/dist/ui/setting-row.js

@@ -10,8 +10,10 @@ import {
   joinIds,
   useSettingRowControl,
   useSettingRowField
-} from "../chunk-PC2MVXIP.js";
+} from "../chunk-YNF2OC54.js";
 import "../chunk-UX3XHFRX.js";
+import "../chunk-V4Z4B2E3.js";
+import "../chunk-FYWT2O76.js";
 import "../chunk-UD6AAZSC.js";
 import "../chunk-XEA5BCMA.js";
 import "../chunk-TXS65BB2.js";

package/dist/ui/switch.js

@@ -1,9 +1,11 @@
 "use client";
 import {
   Switch
-} from "../chunk-FOGNA3BU.js";
-import "../chunk-PC2MVXIP.js";
+} from "../chunk-7V5REBCP.js";
+import "../chunk-YNF2OC54.js";
 import "../chunk-UX3XHFRX.js";
+import "../chunk-V4Z4B2E3.js";
+import "../chunk-FYWT2O76.js";
 import "../chunk-EDYVC3U3.js";
 import "../chunk-UD6AAZSC.js";
 import "../chunk-XEA5BCMA.js";

package/dist/ui/usage-meter.js

@@ -10,13 +10,13 @@ import {
   usageLevel,
   usageResets,
   usageValueText
-} from "../chunk-UJUQ2QOX.js";
-import "../chunk-ELL6HSYR.js";
+} from "../chunk-HEFPPMBQ.js";
+import "../chunk-53AGXXZM.js";
 import "../chunk-UX3XHFRX.js";
 import "../chunk-UD6AAZSC.js";
 import "../chunk-XEA5BCMA.js";
 import "../chunk-TXS65BB2.js";
-import "../chunk-TNUSPXPW.js";
+import "../chunk-7T2ZE3VT.js";
 export {
   USAGE_LOW_THRESHOLD,
   UsageMeter,

package/dist/ui/word-list-row.js

@@ -4,10 +4,12 @@ import {
   WORD_LIST_TERM_MAX,
   WordListRow,
   wordListTerms
-} from "../chunk-5DTST3TP.js";
+} from "../chunk-F4ISQGGM.js";
 import "../chunk-DMSUSY36.js";
-import "../chunk-PC2MVXIP.js";
+import "../chunk-YNF2OC54.js";
 import "../chunk-UX3XHFRX.js";
+import "../chunk-V4Z4B2E3.js";
+import "../chunk-FYWT2O76.js";
 import "../chunk-UD6AAZSC.js";
 import "../chunk-XEA5BCMA.js";
 import "../chunk-TXS65BB2.js";

package/dist/usage.js

@@ -13,7 +13,7 @@ import {
   summarizeUsage,
   usagePercentLabel,
   useUsage
-} from "./chunk-NWGNFN3N.js";
+} from "./chunk-T3OWFVMS.js";
 import {
   DEFAULT_ALLOWANCE_LABELS,
   DEFAULT_SESSION_USAGE_LIMIT_LABELS,
@@ -30,7 +30,7 @@ import "./chunk-RV3O5OCQ.js";
 import "./chunk-CM7LVUKC.js";
 import "./chunk-TVQCDDSZ.js";
 import "./chunk-TXS65BB2.js";
-import "./chunk-TNUSPXPW.js";
+import "./chunk-7T2ZE3VT.js";
 export {
   DEFAULT_ALLOWANCE_LABELS,
   DEFAULT_SESSION_USAGE_LIMIT_LABELS,

package/dist/workbench.js

@@ -11,16 +11,16 @@ import {
 import {
   enableDesktopViewer
 } from "./chunk-QIOARE4I.js";
-import "./chunk-K42OUZQ3.js";
-import "./chunk-5WUN7XPD.js";
+import "./chunk-KLEUWIMZ.js";
+import "./chunk-UVN5TMHU.js";
 import "./chunk-QV3DJVRZ.js";
 import "./chunk-YSRBFJMQ.js";
-import "./chunk-5KWMYPJV.js";
+import "./chunk-Z4FMAFNH.js";
 import "./chunk-ZUWF4NF7.js";
 import "./chunk-TNEZNMSN.js";
 import "./chunk-5I4VRWBB.js";
 import "./chunk-TXS65BB2.js";
-import "./chunk-TNUSPXPW.js";
+import "./chunk-7T2ZE3VT.js";
 
 // src/workbench.ts
 function enableWorkbench() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeni/react",
-  "version": "6.5.2-canary.41607687019001",
+  "version": "6.7.0",
   "description": "React hooks and styled components for Opengeni: live session streaming, chat composer, message timeline, session status, and fleet views — token-themed (CSS variables), dark-first, built on Tailwind v4 + Radix + Motion.",
   "license": "Apache-2.0",
   "repository": {
@@ -295,9 +295,9 @@
     "@dnd-kit/utilities": "3.2.2",
     "@fontsource-variable/noto-sans-arabic": "5.2.10",
     "@fontsource-variable/noto-sans-jp": "5.2.10",
-    "@opengeni/connect": "6.5.2-canary.41607687019001",
-    "@opengeni/contracts": "6.5.2-canary.41607687019001",
-    "@opengeni/sdk": "6.5.2-canary.41607687019001",
+    "@opengeni/connect": "6.7.0",
+    "@opengeni/contracts": "6.7.0",
+    "@opengeni/sdk": "6.7.0",
     "@tanstack/react-virtual": "^3.14.11",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -380,6 +380,5 @@
   },
   "engines": {
     "node": ">=18"
-  },
-  "gitHead": "041e773bc7a4e5e1ecd9f3667659f29f4599e441"
+  }
 }

package/src/app/app-state.tsx

@@ -233,6 +233,63 @@ export const GITHUB_STATUS_TOAST_ID = "opengeni-github-status";
 /** The one "Your GitHub account is unavailable" toast. */
 export const PERSONAL_GITHUB_STATUS_TOAST_ID = "opengeni-personal-github-status";
 
+/** The one lasting "Reconnect your GitHub" toast. */
+export const PERSONAL_GITHUB_RECONNECT_TOAST_ID = "opengeni-personal-github-reconnect";
+
+/**
+ * Whether a personal GitHub status asks the person to reconnect: the stored
+ * grant stopped working (GitHub refused a refresh), not a disconnect.
+ */
+function personalGitHubNeedsReconnect(
+  connection: PersonalGitHubConnectionStatusResponse["connection"] | null | undefined,
+): connection is NonNullable<PersonalGitHubConnectionStatusResponse["connection"]> {
+  return Boolean(connection && connection.status !== "active" && connection.status !== "revoked");
+}
+
+type PersonalGitHubReconnectToast = {
+  /** The connection (id:version) the toast last appeared for. */
+  shownFor: string | null;
+};
+
+/**
+ * One lasting toast per stale grant: it stays until the person reconnects or
+ * dismisses it, and the next background read does not bring it back.
+ */
+function announcePersonalGitHubReconnect(
+  state: PersonalGitHubReconnectToast,
+  connection: NonNullable<PersonalGitHubConnectionStatusResponse["connection"]>,
+  onReconnect: () => void,
+): void {
+  const key = `${connection.id}:${connection.version}`;
+  if (state.shownFor === key) return;
+  state.shownFor = key;
+  const login =
+    typeof connection.metadata.githubLogin === "string" && connection.metadata.githubLogin
+      ? connection.metadata.githubLogin
+      : null;
+  showPersonalGitHubReconnectToast(login, onReconnect);
+}
+
+/** The lasting "Reconnect your GitHub" toast with its one action. */
+export function showPersonalGitHubReconnectToast(
+  githubLogin: string | null,
+  onReconnect: () => void,
+): void {
+  toast.warning("Reconnect your GitHub", {
+    id: PERSONAL_GITHUB_RECONNECT_TOAST_ID,
+    description: `Opengeni can't work as ${githubLogin ? `@${githubLogin}` : "you"} until you reconnect.`,
+    duration: Infinity,
+    closeButton: true,
+    action: { label: "Reconnect", onClick: onReconnect },
+  });
+}
+
+function clearPersonalGitHubReconnectToast(state: PersonalGitHubReconnectToast): void {
+  if (state.shownFor === null) return;
+  state.shownFor = null;
+  toast.dismiss(PERSONAL_GITHUB_RECONNECT_TOAST_ID);
+}
+
 export type SlackLinkPrepareController<Request> = ReturnType<
   typeof createSlackLinkPrepareController<Request>
 >;
@@ -469,6 +526,12 @@ export function useAppState(host: AppStateHost, appStateOptions: AppStateOptions
   const personalGitHubQuietRetry = useRef(createQuietRetry());
   const refreshGitHubRef = useRef<AppContextValue["refreshGitHub"]>(async () => {});
   const refreshPersonalGitHubRef = useRef<AppContextValue["refreshPersonalGitHub"]>(async () => {});
+  const personalGitHubReconnectToast = useRef<PersonalGitHubReconnectToast>({ shownFor: null });
+  // The toast reconnects the exact connection it was shown for.
+  const reconnectPersonalGitHubFromToast = useLatestCallback(
+    (workspaceId: string, connectionId: string) =>
+      void beginPersonalGitHubOAuth(workspaceId, true, connectionId),
+  );
   useEffect(
     () => () => {
       githubQuietRetry.current.reset();
@@ -1599,9 +1662,30 @@ export function useAppState(host: AppStateHost, appStateOptions: AppStateOptions
         setPersonalGitHubCatalogReady(true);
         setPersonalGitHubBusy(false);
         personalGitHubQuietRetry.current.reset();
+        clearPersonalGitHubReconnectToast(personalGitHubReconnectToast.current);
         return;
       }
       setPersonalGitHubBusy(true);
+      const clearPersonalCatalog = () => {
+        setPersonalGitHubRepositories([]);
+        setPersonalGitHubSelection(null);
+        setSelectedPersonalGitHubRepoIds(new Set());
+        setSelectedPersonalGitHubRepoRefs({});
+        setPersonalGitHubCatalogReady(true);
+        personalGitHubQuietRetry.current.reset();
+      };
+      const showReconnectState = (status: PersonalGitHubConnectionStatusResponse): boolean => {
+        const connection = status.connection;
+        if (!status.enabled || !personalGitHubNeedsReconnect(connection)) {
+          // Reconnected, disconnected or turned off: nothing left to act on.
+          clearPersonalGitHubReconnectToast(personalGitHubReconnectToast.current);
+          return false;
+        }
+        announcePersonalGitHubReconnect(personalGitHubReconnectToast.current, connection, () =>
+          reconnectPersonalGitHubFromToast(workspaceId, connection.id),
+        );
+        return true;
+      };
       try {
         const status = await client.personalGitHubStatus(workspaceId);
         if (signal?.aborted || !ownsRefresh()) return;
@@ -1616,13 +1700,9 @@ export function useAppState(host: AppStateHost, appStateOptions: AppStateOptions
             ? current
             : null,
         );
+        showReconnectState(status);
         if (!status.enabled || connection?.status !== "active") {
-          setPersonalGitHubRepositories([]);
-          setPersonalGitHubSelection(null);
-          setSelectedPersonalGitHubRepoIds(new Set());
-          setSelectedPersonalGitHubRepoRefs({});
-          setPersonalGitHubCatalogReady(true);
-          personalGitHubQuietRetry.current.reset();
+          clearPersonalCatalog();
           return;
         }
         const repositories: PersonalGitHubRepositoryCatalogItem[] = [];
@@ -1672,6 +1752,23 @@ export function useAppState(host: AppStateHost, appStateOptions: AppStateOptions
             void refreshPersonalGitHubRef.current(workspaceId);
           }, workspaceId);
           if (!options?.userInitiated) return;
+        } else {
+          // GitHub may have just refused the stored grant, which turns the
+          // connection into needs-reconnect. Read it again so the page shows
+          // Reconnect in place (never "Connected · 0 repos") with one lasting
+          // toast, instead of a passing error.
+          const current = await client.personalGitHubStatus(workspaceId).catch(() => null);
+          if (signal?.aborted || !ownsRefresh()) return;
+          if (current) {
+            setPersonalGitHubStatus(current);
+            if (showReconnectState(current)) {
+              clearPersonalCatalog();
+              return;
+            }
+          }
+          // Nothing for the person to do: a background read stays quiet, and
+          // the next read tries again.
+          if (!options?.userInitiated) return;
         }
         toast.error("Your GitHub account is unavailable", {
           id: PERSONAL_GITHUB_STATUS_TOAST_ID,
@@ -1681,22 +1778,26 @@ export function useAppState(host: AppStateHost, appStateOptions: AppStateOptions
         if (ownsRefresh()) setPersonalGitHubBusy(false);
       }
     },
-    [client],
+    [client, reconnectPersonalGitHubFromToast],
   );
 
   useInsertionEffect(() => {
     refreshPersonalGitHubRef.current = refreshPersonalGitHub;
   }, [refreshPersonalGitHub]);
 
-  async function beginPersonalGitHubOAuth(workspaceId: string, reconnect: boolean): Promise<void> {
-    const connection = personalGitHubStatus?.connection;
+  async function beginPersonalGitHubOAuth(
+    workspaceId: string,
+    reconnect: boolean,
+    connectionId?: string,
+  ): Promise<void> {
+    const reconnectAccountId = connectionId ?? personalGitHubStatus?.connection?.id;
     try {
       const attempt = await client.beginConnect(workspaceId, {
         providerId: "github-personal",
         ownership: "personal",
         returnUrl: hostPage.href(),
         idempotencyKey: crypto.randomUUID(),
-        ...(reconnect && connection ? { reconnectAccountId: connection.id } : {}),
+        ...(reconnect && reconnectAccountId ? { reconnectAccountId } : {}),
       });
       if (attempt.nextAction.type !== "authorize")
         throw new Error("GitHub did not return an authorization link");
@@ -1715,10 +1816,21 @@ export function useAppState(host: AppStateHost, appStateOptions: AppStateOptions
     if (!connection) return true;
     setPersonalGitHubBusy(true);
     try {
-      await client.disconnectPersonalGitHub(workspaceId, connection.id, {
-        expectedVersion: connection.version,
-        idempotencyKey: crypto.randomUUID(),
-      });
+      const disconnect = (target: { id: string; version: number }) =>
+        client.disconnectPersonalGitHub(workspaceId, target.id, {
+          expectedVersion: target.version,
+          idempotencyKey: crypto.randomUUID(),
+        });
+      try {
+        await disconnect(connection);
+      } catch (error) {
+        if (!(error instanceof OpenGeniApiError && error.status === 409)) throw error;
+        // The connection moved on while the page held it (a reconnect or a
+        // token refresh finished meanwhile). Removing your own GitHub is still
+        // what was asked: read the current connection and remove that one.
+        const current = (await client.personalGitHubStatus(workspaceId)).connection;
+        if (current && current.status !== "revoked") await disconnect(current);
+      }
       await refreshPersonalGitHub(workspaceId, undefined, { userInitiated: true });
       toast.success("Your GitHub account was disconnected");
       return true;

package/src/app/components/artifacts/site-data.tsx

@@ -26,7 +26,7 @@ import { SettingRow, SettingRowGroup } from "../../../ui/setting-row";
 import { Switch } from "../../../ui/switch";
 import { UsageMeter } from "../../../ui/usage-meter";
 import { formatBytes } from "../../lib/format";
-import { errorMessage } from "@opengeni/contracts/values";
+import { userErrorText } from "../../../ui/api-error";
 
 export type SiteDataClient = Pick<
   OpenGeniBrowserClient,
@@ -399,7 +399,7 @@ function SiteDataCollection({
         });
     } catch (nextError) {
       toast.error("Couldn't export records", {
-        description: errorMessage(nextError),
+        description: userErrorText(nextError),
       });
     } finally {
       setExporting(false);

package/src/app/components/artifacts/site-settings.tsx

@@ -26,7 +26,7 @@ import { isPersonalWorkspace } from "../../lib/managed-self-context";
 import { hasWorkspacePermission } from "../../lib/permissions";
 import { sitesClientConfig } from "../../lib/site-publishing";
 import { useDuplicateSite } from "../../lib/use-duplicate-site";
-import { errorMessage } from "@opengeni/contracts/values";
+import { userErrorText } from "../../../ui/api-error";
 
 // Stands in for the Site while it loads so the audience hook keeps its order.
 const PLACEHOLDER_SITE: WorkspaceArtifact = {
@@ -108,7 +108,7 @@ export function useSiteManagement({
       return true;
     } catch (error) {
       toast.error(status === "archived" ? "Couldn't archive Site" : "Couldn't restore Site", {
-        description: errorMessage(error),
+        description: userErrorText(error),
       });
       return false;
     } finally {