@arbidocs/blocks 0.4.71 → 0.4.73

package/src/calendar/calendar.css

@@ -0,0 +1,316 @@
+/*
+ * @arbidocs/blocks/calendar.css — theme for the calendar block (FullCalendar v6 on ARBI tokens).
+ * Import once from the app stylesheet: `@import '@arbidocs/blocks/calendar.css';`.
+ * FullCalendar v6 injects its own structural CSS at runtime; this file only re-skins it through
+ * its `--fc-*` variables and styles the block's own event content. Plain CSS on the HSL triplet
+ * tokens, so light and dark themes follow automatically.
+ */
+
+.arbi-calendar {
+  --fc-border-color: hsl(var(--border));
+  --fc-page-bg-color: hsl(var(--background));
+  --fc-neutral-bg-color: hsl(var(--muted) / 0.6);
+  --fc-neutral-text-color: hsl(var(--muted-foreground));
+  --fc-today-bg-color: hsl(var(--primary) / 0.05);
+  --fc-now-indicator-color: hsl(var(--destructive));
+  --fc-non-business-color: hsl(var(--muted) / 0.55);
+  --fc-highlight-color: hsl(var(--primary) / 0.12);
+  --fc-list-event-hover-bg-color: hsl(var(--muted));
+  --fc-event-selected-overlay-color: hsl(var(--foreground) / 0.12);
+  --fc-small-font-size: 0.75rem;
+  color: hsl(var(--foreground));
+  font-size: 0.8125rem;
+}
+
+.arbi-calendar .fc {
+  height: 100%;
+}
+.arbi-calendar .fc-scrollgrid {
+  border-radius: 0.5rem;
+  overflow: hidden;
+}
+.arbi-calendar .fc a {
+  color: inherit;
+  text-decoration: none;
+}
+.arbi-calendar .fc .fc-col-header-cell {
+  font-weight: 500;
+  color: hsl(var(--muted-foreground));
+}
+.arbi-calendar .fc .fc-col-header-cell-cushion {
+  padding: 4px 2px;
+}
+.arbi-calendar .fc .fc-timegrid-slot {
+  height: 2.5em;
+}
+.arbi-calendar .fc .fc-timegrid-slot-minor {
+  border-top-style: dotted;
+}
+.arbi-calendar .fc .fc-timegrid-slot-label,
+.arbi-calendar .fc .fc-timegrid-axis {
+  color: hsl(var(--muted-foreground));
+  font-size: 0.6875rem;
+}
+.arbi-calendar .fc .fc-timegrid-slot-label-cushion {
+  padding: 0 6px;
+}
+.arbi-calendar .fc .fc-daygrid-day-number {
+  font-size: 0.75rem;
+  padding: 4px 6px;
+}
+.arbi-calendar .fc .fc-day-today .fc-daygrid-day-number {
+  background: hsl(var(--primary));
+  color: hsl(var(--primary-foreground));
+  border-radius: 9999px;
+  min-width: 1.5rem;
+  text-align: center;
+  margin: 2px;
+  padding: 2px 6px;
+}
+.arbi-calendar .fc .fc-daygrid-week-number,
+.arbi-calendar .fc .fc-timegrid-axis-cushion {
+  color: hsl(var(--muted-foreground));
+  background: transparent;
+  font-size: 0.6875rem;
+}
+.arbi-calendar .fc .fc-timegrid-now-indicator-line {
+  border-width: 2px 0 0;
+}
+.arbi-calendar .fc .fc-list-day-cushion {
+  background: hsl(var(--muted) / 0.6);
+}
+.arbi-calendar .fc .fc-multimonth {
+  border: 0;
+}
+.arbi-calendar .fc .fc-multimonth-title {
+  font-size: 0.9375rem;
+  font-weight: 600;
+}
+
+/* Day header in time grids: weekday over a big day number; today in a primary circle. */
+.arbi-cal-dayhead {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  line-height: 1.1;
+}
+.arbi-cal-dayhead-dow {
+  font-size: 0.6875rem;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+}
+.arbi-cal-dayhead-num {
+  font-size: 1.25rem;
+  font-weight: 500;
+  color: hsl(var(--foreground));
+  min-width: 2rem;
+  height: 2rem;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 9999px;
+}
+.arbi-cal-dayhead-today .arbi-cal-dayhead-dow {
+  color: hsl(var(--primary));
+}
+.arbi-cal-dayhead-today .arbi-cal-dayhead-num {
+  background: hsl(var(--primary));
+  color: hsl(var(--primary-foreground));
+}
+
+/* Secondary time zone: two label columns in the time axis. */
+.arbi-cal-slot-labels {
+  display: flex;
+  gap: 0.5rem;
+  justify-content: flex-end;
+  white-space: nowrap;
+}
+.arbi-cal-slot-secondary {
+  color: hsl(var(--muted-foreground) / 0.75);
+  min-width: 2.75em;
+  text-align: right;
+}
+.arbi-cal-slot-primary {
+  min-width: 2.75em;
+  text-align: right;
+}
+.arbi-cal-zone-labels {
+  font-size: 0.625rem;
+}
+
+/* ── events ─────────────────────────────────────────────────────────────────── */
+
+.arbi-calendar .fc .arbi-cal-event {
+  border-radius: 4px;
+  box-shadow: none;
+  background: transparent;
+}
+.arbi-calendar .fc-timegrid-event.arbi-cal-event,
+.arbi-calendar .fc-daygrid-block-event.arbi-cal-event {
+  border-width: 0;
+}
+.arbi-calendar .fc .arbi-cal-event .fc-event-main {
+  padding: 0;
+  color: inherit;
+}
+.arbi-calendar .fc-timegrid-event-harness-inset .fc-timegrid-event {
+  box-shadow: 0 0 0 1px hsl(var(--background));
+}
+
+.arbi-cal-event-inner {
+  height: 100%;
+  overflow: hidden;
+  padding: 2px 4px;
+  border-radius: 4px;
+  background: var(--arbi-cal-color);
+  color: var(--arbi-cal-fg);
+  border-left: 3px solid color-mix(in srgb, var(--arbi-cal-color) 70%, black);
+  font-size: 0.75rem;
+  line-height: 1.25;
+}
+.arbi-cal-event-line {
+  display: flex;
+  align-items: center;
+  gap: 3px;
+  min-width: 0;
+}
+.arbi-cal-title {
+  font-weight: 500;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
+}
+.arbi-cal-time,
+.arbi-cal-location {
+  opacity: 0.85;
+  font-size: 0.6875rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.arbi-cal-location {
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+}
+.arbi-cal-icon {
+  width: 0.75rem;
+  height: 0.75rem;
+  flex-shrink: 0;
+  opacity: 0.85;
+}
+
+/* Month view timed events: dot + time + title, no fill. */
+.arbi-cal-dot-item {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  min-width: 0;
+  padding: 0 2px;
+  font-size: 0.75rem;
+  color: hsl(var(--foreground));
+}
+.arbi-cal-dot {
+  width: 0.5rem;
+  height: 0.5rem;
+  border-radius: 9999px;
+  background: var(--arbi-cal-color);
+  flex-shrink: 0;
+}
+.arbi-cal-dot-item .arbi-cal-time {
+  opacity: 0.7;
+  flex-shrink: 0;
+  overflow: visible;
+  text-overflow: clip;
+}
+
+/* Agenda list. */
+.arbi-cal-list-item {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  min-width: 0;
+  flex-wrap: wrap;
+}
+.arbi-cal-list-item .arbi-cal-location {
+  color: hsl(var(--muted-foreground));
+}
+
+/* Free: a light tint. */
+.arbi-cal-free .arbi-cal-event-inner {
+  background: color-mix(in srgb, var(--arbi-cal-color) 22%, hsl(var(--background)));
+  color: hsl(var(--foreground));
+}
+/* Tentative: diagonal stripes. */
+.arbi-cal-tentative .arbi-cal-event-inner {
+  background: repeating-linear-gradient(
+    135deg,
+    color-mix(in srgb, var(--arbi-cal-color) 38%, hsl(var(--background))) 0 6px,
+    color-mix(in srgb, var(--arbi-cal-color) 16%, hsl(var(--background))) 6px 12px
+  );
+  color: hsl(var(--foreground));
+}
+/* Needs a reply: outlined. */
+.arbi-cal-needs-action .arbi-cal-event-inner {
+  background: hsl(var(--background));
+  color: hsl(var(--foreground));
+  border: 1px solid var(--arbi-cal-color);
+  border-left-width: 3px;
+}
+/* Declined (only when shown): faded, struck through. */
+.arbi-cal-declined .arbi-cal-event-inner,
+.arbi-cal-declined .arbi-cal-dot-item,
+.arbi-cal-declined .arbi-cal-list-item {
+  opacity: 0.5;
+  background: color-mix(in srgb, var(--arbi-cal-color) 14%, hsl(var(--background)));
+  color: hsl(var(--muted-foreground));
+}
+.arbi-cal-declined .arbi-cal-title,
+.arbi-cal-cancelled .arbi-cal-title {
+  text-decoration: line-through;
+}
+.arbi-cal-cancelled .arbi-cal-event-inner {
+  opacity: 0.65;
+}
+/* Out of office: hatched with the event colour. */
+.arbi-cal-oof .arbi-cal-event-inner {
+  background: repeating-linear-gradient(
+    45deg,
+    var(--arbi-cal-color) 0 4px,
+    color-mix(in srgb, var(--arbi-cal-color) 75%, black) 4px 8px
+  );
+}
+/* Overlays (facts / workflows / tasks): read-only, dashed outline on a muted tint. */
+.arbi-cal-overlay .arbi-cal-event-inner {
+  background: color-mix(in srgb, var(--arbi-cal-color) 10%, hsl(var(--muted)));
+  color: hsl(var(--foreground));
+  border: 1px dashed var(--arbi-cal-color);
+  border-left-width: 1px;
+  font-style: italic;
+}
+.arbi-calendar .fc .arbi-cal-overlay {
+  cursor: pointer;
+}
+/* Restricted (free/busy only). */
+.arbi-cal-restricted .arbi-cal-event-inner {
+  background: hsl(var(--muted));
+  color: hsl(var(--muted-foreground));
+  border-left-color: hsl(var(--muted-foreground) / 0.5);
+}
+.arbi-calendar .fc .fc-event-past .arbi-cal-event-inner {
+  filter: saturate(0.75);
+}
+
+/* Phone layout. */
+.arbi-calendar-narrow .arbi-cal-toolbar {
+  gap: 0.25rem;
+}
+.arbi-calendar-narrow .fc .fc-timegrid-slot-label-cushion {
+  padding: 0 3px;
+}
+.arbi-calendar-narrow .arbi-cal-dayhead-num {
+  font-size: 1rem;
+  min-width: 1.75rem;
+  height: 1.75rem;
+}

package/src/workflow-canvas/canvas.css

@@ -0,0 +1,113 @@
+/*
+ * @arbidocs/blocks/workflow-canvas.css: the workflow builder's canvas. Import it once, next to
+ * `blocks.css`, where `@arbidocs/blocks/workflow-canvas` is used. The graph library's structural
+ * rules, its surfaces on the theme tokens, and one accent per kind of step (override the
+ * `--wf-*` variables to retheme them).
+ */
+@import '@xyflow/react/dist/base.css';
+
+:root {
+  --wf-start: 262 83% 58%;
+  --wf-form: 217 91% 55%;
+  --wf-upload: 173 70% 38%;
+  --wf-agent: 280 70% 56%;
+  --wf-review: 32 95% 48%;
+}
+
+.dark {
+  --wf-start: 262 85% 72%;
+  --wf-form: 217 91% 68%;
+  --wf-upload: 173 60% 52%;
+  --wf-agent: 280 75% 72%;
+  --wf-review: 32 95% 62%;
+}
+
+.react-flow {
+  --xy-edge-stroke-default: hsl(var(--muted-foreground) / 0.45);
+  --xy-edge-stroke-width-default: 1.5;
+  --xy-edge-stroke-selected-default: hsl(var(--primary));
+  --xy-connectionline-stroke-default: hsl(var(--primary));
+  --xy-background-pattern-dots-color-default: hsl(var(--muted-foreground) / 0.25);
+  --xy-controls-button-background-color-default: hsl(var(--card));
+  --xy-controls-button-background-color-hover-default: hsl(var(--muted));
+  --xy-controls-button-color-default: hsl(var(--foreground));
+  --xy-controls-button-border-color-default: hsl(var(--border));
+  --xy-minimap-background-color-default: hsl(var(--card));
+  --xy-minimap-mask-background-color-default: hsl(var(--muted) / 0.6);
+  --xy-minimap-node-background-color-default: hsl(var(--muted-foreground) / 0.35);
+}
+
+/* A step's accent: its kind's colour. */
+.wf-kind-start { --wf-accent: var(--wf-start); }
+.wf-kind-form { --wf-accent: var(--wf-form); }
+.wf-kind-upload { --wf-accent: var(--wf-upload); }
+.wf-kind-agent { --wf-accent: var(--wf-agent); }
+.wf-kind-review { --wf-accent: var(--wf-review); }
+
+.wf-node {
+  position: relative;
+  border-radius: 0.75rem;
+  border: 1px solid hsl(var(--border));
+  background: hsl(var(--card));
+  box-shadow: 0 1px 2px hsl(var(--foreground) / 0.06), 0 4px 12px -4px hsl(var(--foreground) / 0.08);
+  transition: box-shadow 150ms, border-color 150ms, transform 150ms;
+  overflow: visible;
+}
+.wf-node::before {
+  content: '';
+  position: absolute;
+  inset: 0 auto 0 0;
+  width: 4px;
+  border-radius: 0.75rem 0 0 0.75rem;
+  background: hsl(var(--wf-accent));
+}
+.wf-node:hover {
+  box-shadow: 0 2px 4px hsl(var(--foreground) / 0.06), 0 10px 24px -8px hsl(var(--foreground) / 0.18);
+}
+.react-flow__node.selected .wf-node {
+  border-color: hsl(var(--wf-accent));
+  box-shadow: 0 0 0 3px hsl(var(--wf-accent) / 0.22), 0 10px 24px -8px hsl(var(--foreground) / 0.18);
+}
+.wf-badge {
+  color: hsl(var(--wf-accent));
+  background: hsl(var(--wf-accent) / 0.12);
+}
+.wf-kind-text { color: hsl(var(--wf-accent)); }
+
+/* The start: a pill in its own colour. */
+.wf-start {
+  border-radius: 9999px;
+  border: 1px solid hsl(var(--wf-start) / 0.5);
+  background: linear-gradient(135deg, hsl(var(--wf-start) / 0.16), hsl(var(--wf-start) / 0.06));
+}
+.react-flow__node.selected .wf-start {
+  box-shadow: 0 0 0 3px hsl(var(--wf-start) / 0.25);
+}
+
+/* Handles: small, on the accent; the "+" sits beside the outgoing one. */
+.wf-node .react-flow__handle,
+.wf-start .react-flow__handle {
+  width: 10px;
+  height: 10px;
+  border: 2px solid hsl(var(--card));
+  background: hsl(var(--wf-accent));
+}
+.wf-add {
+  position: absolute;
+  top: 50%;
+  right: -38px;
+  transform: translateY(-50%);
+  opacity: 0;
+  transition: opacity 120ms;
+}
+.react-flow__node:hover .wf-add,
+.react-flow__node.selected .wf-add,
+.wf-add[data-state='open'] {
+  opacity: 1;
+}
+
+.wf-phase-running { border-color: hsl(var(--wf-accent)); }
+.wf-phase-done { background: linear-gradient(0deg, hsl(var(--wf-accent) / 0.06), hsl(var(--wf-accent) / 0.06)), hsl(var(--card)); }
+.wf-phase-failed { border-color: hsl(var(--destructive) / 0.6); }
+.wf-phase-skipped,
+.wf-phase-blocked { opacity: 0.6; }

package/dist/chunk-2ZTONLT5.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/settings/ModalScaffold.tsx"],"names":["jsx","DialogHeader","cn","DialogFooter","useRestoreFocus","Dialog","jsxs","DialogContent","DialogTitle","DialogDescription"],"mappings":"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","file":"chunk-2ZTONLT5.cjs","sourcesContent":["import type { ComponentProps, ReactNode, RefObject } from 'react'\nimport {\n  cn,\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  type DialogPresentation,\n} from '@arbidocs/react/ui'\nimport { useRestoreFocus } from '../lib/useRestoreFocus'\n\n/** Tailwind classes for a modal section heading (also usable on a `Label`). */\nexport const MODAL_SECTION_TITLE_CLASS =\n  'mb-2 flex items-center gap-1 text-sm font-medium text-muted-foreground'\n\n/** Header of a hand-assembled modal: no tinted band, just space. */\nexport function ModalHeader({ className, ...props }: ComponentProps<typeof DialogHeader>) {\n  return (\n    <DialogHeader\n      data-slot=\"modal-header\"\n      className={cn('flex-shrink-0 rounded-t-lg bg-transparent p-6 pb-3 pr-12', className)}\n      {...props}\n    />\n  )\n}\n\n/** A padded group inside a modal body. */\nexport function ModalSection({ className, ...props }: ComponentProps<'div'>) {\n  return <div data-slot=\"modal-section\" className={cn('pt-4', className)} {...props} />\n}\n\n/** Muted label above the content of a {@link ModalSection}. */\nexport function ModalSectionTitle({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"modal-section-title\"\n      className={cn(MODAL_SECTION_TITLE_CLASS, className)}\n      {...props}\n    />\n  )\n}\n\nexport type ModalSize = 'sm' | 'md' | 'lg' | 'xl'\n\nconst SIZE_CLASS: Record<ModalSize, string> = {\n  sm: 'sm:max-w-sm',\n  md: 'sm:max-w-md',\n  lg: 'sm:max-w-2xl',\n  xl: 'sm:max-w-4xl',\n}\n\nexport interface ModalScaffoldProps {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  title: ReactNode\n  /** Accessible description; visually hidden unless `showDescription`. */\n  description?: ReactNode\n  showDescription?: boolean\n  /** Icon shown before the title. */\n  icon?: ReactNode\n  size?: ModalSize\n  /** Phone presentation; defaults to a bottom sheet for `lg`/`xl`, a centred box otherwise. */\n  presentation?: DialogPresentation\n  className?: string\n  testId?: string\n  /**\n   * `alertdialog` for a destructive or blocking confirmation: announced as an alert, dismissed\n   * only through its own buttons or Escape (not by clicking outside).\n   */\n  role?: 'dialog' | 'alertdialog'\n  /**\n   * Block dismissal by outside click AND Escape; only the dialog's own buttons close it. For a\n   * dialog that shows a secret once (a new API key). Default false. An `alertdialog` already\n   * ignores outside clicks.\n   */\n  dismissible?: boolean\n  /** Called on a pointer/focus interaction outside; `preventDefault()` keeps the dialog open. */\n  onInteractOutside?: (event: Event) => void\n  /** Called on Escape; `preventDefault()` keeps the dialog open. */\n  onEscapeKeyDown?: (event: KeyboardEvent) => void\n  /** Element that receives focus when the dialog opens (an alert dialog focuses its safe action). */\n  initialFocusRef?: RefObject<HTMLElement | null>\n  children?: ReactNode\n}\n\nfunction ModalBody({ className, ...props }: ComponentProps<'div'>) {\n  return <div data-slot=\"modal-body\" className={cn('space-y-4', className)} {...props} />\n}\n\n/**\n * Action row. Stacked full-width on phones (primary action on top), right-aligned on wider\n * screens. Sticks to the bottom of the scrolling dialog body so the actions stay reachable.\n */\nfunction ModalFooter({ className, ...props }: ComponentProps<typeof DialogFooter>) {\n  return (\n    <DialogFooter\n      data-slot=\"modal-footer\"\n      className={cn(\n        'sticky bottom-0 -mx-6 -mb-6 mt-4 border-t border-border bg-background px-6 py-3',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\n/**\n * Standard dialog: icon + title + description header, then the compound\n * `ModalScaffold.Body` / `ModalScaffold.Footer` slots.\n */\nexport function ModalScaffold({\n  open,\n  onOpenChange,\n  title,\n  description,\n  showDescription = false,\n  icon,\n  size = 'md',\n  presentation,\n  className,\n  testId,\n  role = 'dialog',\n  initialFocusRef,\n  dismissible = true,\n  onInteractOutside,\n  onEscapeKeyDown,\n  children,\n}: ModalScaffoldProps) {\n  const restoreFocus = useRestoreFocus()\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent\n        role={role}\n        presentation={presentation ?? (size === 'lg' || size === 'xl' ? 'sheet' : 'center')}\n        className={cn(SIZE_CLASS[size], 'flex flex-col gap-0 overflow-hidden p-0', className)}\n        data-testid={testId}\n        onInteractOutside={(e) => {\n          if (role === 'alertdialog' || !dismissible) e.preventDefault()\n          onInteractOutside?.(e)\n        }}\n        onEscapeKeyDown={(e) => {\n          if (!dismissible) e.preventDefault()\n          onEscapeKeyDown?.(e)\n        }}\n        onOpenAutoFocus={(e) => {\n          restoreFocus.onOpenAutoFocus(e)\n          if (initialFocusRef?.current) {\n            e.preventDefault()\n            initialFocusRef.current.focus()\n          }\n        }}\n        onCloseAutoFocus={restoreFocus.onCloseAutoFocus}\n      >\n        <ModalHeader>\n          <DialogTitle className=\"flex items-center gap-2\">\n            {icon}\n            {title}\n          </DialogTitle>\n          <DialogDescription className={showDescription ? undefined : 'sr-only'}>\n            {description ?? title}\n          </DialogDescription>\n        </ModalHeader>\n        <div\n          data-slot=\"modal-scroll\"\n          className=\"min-h-0 flex-1 space-y-4 overflow-y-auto overscroll-contain px-6 pb-6\"\n        >\n          {children}\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nModalScaffold.Body = ModalBody\nModalScaffold.Footer = ModalFooter\n"]}

package/dist/chunk-5HOAOKZL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/connection/ConnectionProvider.tsx"],"names":[],"mappings":"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","file":"chunk-5HOAOKZL.js","sourcesContent":["/**\n * The demo/live connection layer for a host app. Holds auth + workspace\n * selection state and exposes it via {@link useConnection}, so every surface\n * works identically whether it's talking to a live ARBI backend or the seeded\n * demo workspace. Host-specific values (backend URL, demo identity, default\n * workspace/assistant ids) arrive once through {@link ArbiConnectionConfig}.\n */\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from 'react'\nimport { useArbi, type LoginProfile } from '@arbidocs/react'\nimport type { ArbiMode, ArbiUser, ConnectionStatus, ArbiConnectionConfig } from './types'\n\ninterface ConnectionValue {\n  mode: ArbiMode\n  status: ConnectionStatus\n  user: ArbiUser | null\n  workspaceId: string | null\n  apiConfigured: boolean\n  apiUrl: string\n  /**\n   * The deployment domain the user's keys are derived for (`arbi.getDeploymentDomain()`), for the\n   * document tools' e-signing. `undefined` in demo mode.\n   */\n  deploymentDomain: string | undefined\n  error: string | null\n  /** Default assistant config ext_id (for the AI hooks). */\n  assistantConfig?: string\n  /** Fallback workspace ext_id when none is actively selected. */\n  fallbackWorkspaceId?: string\n  /** Authenticate. Live login when a backend is configured, otherwise the demo workspace. */\n  login: (email: string, password: string) => Promise<void>\n  /** One-click demo entry (no backend required). */\n  enterDemo: () => void\n  logout: () => void\n  /**\n   * Affirmatively select a workspace: opens it on the server (via the SDK),\n   * updates the app-wide state, and persists the choice so it survives future\n   * logins. This is the single entry point for \"the user is now in workspace X\".\n   */\n  setWorkspace: (id: string) => Promise<void>\n  /**\n   * Re-assert the selected workspace on the server session (idempotent `/open`).\n   * Call before a workspace-scoped write when the session may have lost its open\n   * workspace (token re-login, backend restart, session expiry) — the server\n   * resolves the workspace from the session, so a dropped `/open` yields\n   * \"No active workspace\" until it's re-opened.\n   */\n  ensureWorkspaceOpen: () => Promise<void>\n}\n\nconst ConnectionContext = createContext<ConnectionValue | null>(null)\n\n/**\n * Persist the affirmatively-selected workspace per backend AND per signed-in user, so a returning\n * user lands back in the workspace they last chose, while the next person on a shared browser\n * never starts from someone else's workspace id. Namespaced by apiUrl so distinct deployments\n * (and the demo workspace) don't clobber each other. Cleared on logout.\n */\nconst WORKSPACE_STORAGE_PREFIX = 'arbi:selectedWorkspace'\nconst sessionUserKey = (apiUrl: string) => `arbi:sessionUser:${apiUrl}`\nfunction rememberSessionUser(apiUrl: string, email: string | null) {\n  try {\n    if (email) window.localStorage.setItem(sessionUserKey(apiUrl), normalizeUserKey(email))\n    else window.localStorage.removeItem(sessionUserKey(apiUrl))\n  } catch {\n    /* Storage may be unavailable. */\n  }\n}\nconst normalizeUserKey = (email: string) => email.trim().toLowerCase()\n\n/** Exported for tests. */\nexport const workspaceStorageKey = (apiUrl: string, userKey: string) =>\n  `${WORKSPACE_STORAGE_PREFIX}:${apiUrl || 'demo'}:${normalizeUserKey(userKey)}`\n\n/** The pre-isolation key (apiUrl only). Never read: removed so it cannot leak across users. */\nconst legacyWorkspaceStorageKey = (apiUrl: string) =>\n  `${WORKSPACE_STORAGE_PREFIX}:${apiUrl || 'demo'}`\n\nfunction readPersistedWorkspace(apiUrl: string, userKey: string | null): string | null {\n  if (!userKey) return null\n  try {\n    return window.localStorage.getItem(workspaceStorageKey(apiUrl, userKey))\n  } catch {\n    return null\n  }\n}\n\nfunction persistWorkspace(apiUrl: string, userKey: string | null, id: string | null): void {\n  if (!userKey) return\n  try {\n    if (id) window.localStorage.setItem(workspaceStorageKey(apiUrl, userKey), id)\n    else window.localStorage.removeItem(workspaceStorageKey(apiUrl, userKey))\n    window.localStorage.removeItem(legacyWorkspaceStorageKey(apiUrl))\n  } catch {\n    // Storage unavailable (private mode, SSR) — selection stays in-memory only.\n  }\n}\n\n/** Shown on the sign-in screen after the session could not be recovered. */\nexport const SESSION_EXPIRED_MESSAGE = 'Your session expired. Sign in again.'\n\n/** The connection user for a profile: its full name, falling back to the email local part. */\nfunction userFromProfile(profile: LoginProfile, externalId?: string): ArbiUser {\n  const fullName = [profile.givenName, profile.familyName]\n    .map((part) => part?.trim())\n    .filter(Boolean)\n    .join(' ')\n  return {\n    name: fullName || profile.email.split('@')[0],\n    email: profile.email,\n    externalId,\n    picture: profile.picture,\n  }\n}\n\nexport function ConnectionProvider({\n  config,\n  children,\n}: {\n  config: ArbiConnectionConfig\n  children: ReactNode\n}) {\n  const arbi = useArbi()\n  const isLiveConfigured = config.apiUrl.length > 0\n  const demoWorkspaceId = config.demoWorkspaceId ?? 'demo-workspace'\n\n  const [status, setStatus] = useState<ConnectionStatus>(\n    isLiveConfigured ? 'connecting' : 'disconnected'\n  )\n  const [user, setUser] = useState<ArbiUser | null>(null)\n  const [workspaceId, setWorkspaceId] = useState<string | null>(null)\n  const [mode, setMode] = useState<ArbiMode>('demo')\n  const [error, setError] = useState<string | null>(null)\n  // Who the persisted workspace belongs to; set at sign-in, cleared at logout.\n  const storageUserRef = useRef<string | null>(null)\n\n  // The SDK could not recover the session (token refused, workspace not re-openable): drop to\n  // 'disconnected' with a plain message, so the host's gate sends the user to sign in instead of\n  // every call failing with a raw backend error. The remembered workspace is kept for next login.\n  useEffect(\n    () =>\n      arbi.onSessionExpired?.(() => {\n        rememberSessionUser(config.apiUrl, null)\n        storageUserRef.current = null\n        setUser(null)\n        setWorkspaceId(null)\n        setStatus('disconnected')\n        setError(SESSION_EXPIRED_MESSAGE)\n      }),\n    [arbi, config.apiUrl]\n  )\n\n  // A saved name, picture or email reaches every surface reading `useConnection().user`.\n  useEffect(\n    () =>\n      arbi.user.onProfileChange?.((profile) =>\n        setUser((current) => (current ? userFromProfile(profile, current.externalId) : current))\n      ),\n    [arbi]\n  )\n\n  const enterDemo = useCallback(() => {\n    setMode('demo')\n    setStatus('demo')\n    setError(null)\n    setUser({ name: config.demoUser.name, email: config.demoUser.email })\n    setWorkspaceId(demoWorkspaceId)\n  }, [config.demoUser.name, config.demoUser.email, demoWorkspaceId])\n\n  const login = useCallback(\n    async (email: string, password: string, restoring = false) => {\n      setError(null)\n      // No backend configured → run the seeded demo workspace.\n      if (!isLiveConfigured) {\n        enterDemo()\n        return\n      }\n      setStatus('connecting')\n      setMode('live')\n      try {\n        if (restoring) {\n          if (!(await arbi.restoreSession(email))) {\n            rememberSessionUser(config.apiUrl, null)\n            setStatus('disconnected')\n            return\n          }\n        } else await arbi.login(email, password)\n        storageUserRef.current = normalizeUserKey(email)\n        const workspaces = await arbi.workspaces.list()\n        if (workspaces?.length) {\n          // Prefer the workspace the user last affirmatively selected (persisted),\n          // then the configured workspace (there may be several — e.g. a\n          // marketing/KM workspace), then whichever happens to be first. Ternary\n          // (not `&&`) so an empty value can't leak `\"\"` into `target`.\n          const persisted = readPersistedWorkspace(config.apiUrl, storageUserRef.current)\n          const preferred = persisted ?? config.workspaceId\n          const target =\n            (preferred ? workspaces.find((w) => w.external_id === preferred) : undefined) ??\n            workspaces[0]\n          await arbi.selectWorkspace(target.external_id)\n          setWorkspaceId(target.external_id)\n          persistWorkspace(config.apiUrl, storageUserRef.current, target.external_id)\n        }\n        // The profile (name + avatar) comes with the login response. A session restored without\n        // a login has none, so fall back to finding ourselves in the workspace roster; the email\n        // local part is only the last resort, never the answer when a profile name exists.\n        let resolved: ArbiUser = { name: email.split('@')[0], email }\n        const me = arbi.user.identity()\n        const profile = arbi.user.profile?.()\n        if (profile) {\n          resolved = userFromProfile(profile, me?.externalId)\n        } else {\n          try {\n            const members = await arbi.workspaces.listUsers()\n            const self = members.find((m) => m.user.external_id === me?.externalId)?.user\n            if (self) {\n              const fullName = [self.given_name, self.family_name].filter(Boolean).join(' ').trim()\n              resolved = {\n                name: fullName || email.split('@')[0],\n                email: self.email || email,\n                externalId: self.external_id,\n                picture: self.picture ?? null,\n              }\n            } else if (me?.externalId) {\n              resolved.externalId = me.externalId\n            }\n          } catch {\n            // Roster not available (e.g. no workspace) — keep the fallback identity.\n          }\n        }\n        setUser(resolved)\n        rememberSessionUser(config.apiUrl, email)\n        setStatus('authenticated')\n      } catch (e) {\n        // Surface the real error — no silent fallback to a fake session.\n        setError(e instanceof Error ? e.message : 'Sign-in failed. Check your credentials.')\n        setStatus('error')\n      }\n    },\n    [arbi, enterDemo, isLiveConfigured, config.workspaceId, config.apiUrl]\n  )\n\n  // Run once even under StrictMode; passwords and signing keys are never stored here.\n  const recoveryStarted = useRef(false)\n  useEffect(() => {\n    if (recoveryStarted.current || !isLiveConfigured) return\n    recoveryStarted.current = true\n    let email: string | null = null\n    try {\n      email = window.localStorage.getItem(sessionUserKey(config.apiUrl))\n    } catch {\n      /* unavailable */\n    }\n    if (email) void login(email, '', true)\n    else setStatus('disconnected')\n  }, [isLiveConfigured, config.apiUrl, login])\n\n  const logout = useCallback(() => {\n    rememberSessionUser(config.apiUrl, null)\n    if (mode === 'live') {\n      void arbi.logout?.()\n    }\n    setUser(null)\n    setWorkspaceId(null)\n    persistWorkspace(config.apiUrl, storageUserRef.current, null)\n    storageUserRef.current = null\n    setStatus('disconnected')\n    setError(null)\n  }, [arbi, mode, config.apiUrl])\n\n  // Affirmative selection: open the workspace on the server (live), then remember\n  // it in state + storage so every surface — and the next login — is in sync.\n  const setWorkspace = useCallback(\n    async (id: string) => {\n      if (mode === 'live' && arbi.isLoggedIn) {\n        await arbi.selectWorkspace(id)\n      }\n      setWorkspaceId(id)\n      persistWorkspace(config.apiUrl, storageUserRef.current, id)\n    },\n    [arbi, mode, config.apiUrl]\n  )\n\n  // Re-open the selected workspace on the session if the server may have dropped\n  // it. Idempotent: re-running `/open` for the already-selected workspace is safe.\n  const ensureWorkspaceOpen = useCallback(async () => {\n    if (mode !== 'live' || !arbi.isLoggedIn) return\n    const id =\n      workspaceId ??\n      readPersistedWorkspace(config.apiUrl, storageUserRef.current) ??\n      config.workspaceId\n    if (id) await arbi.selectWorkspace(id)\n  }, [arbi, mode, workspaceId, config.apiUrl, config.workspaceId])\n\n  const value = useMemo<ConnectionValue>(\n    () => ({\n      mode,\n      status,\n      user,\n      workspaceId,\n      apiConfigured: isLiveConfigured,\n      apiUrl: config.apiUrl,\n      deploymentDomain: isLiveConfigured ? arbi.getDeploymentDomain() : undefined,\n      error,\n      assistantConfig: config.assistantConfig,\n      fallbackWorkspaceId: config.workspaceId,\n      login,\n      enterDemo,\n      logout,\n      setWorkspace,\n      ensureWorkspaceOpen,\n    }),\n    [\n      mode,\n      status,\n      user,\n      workspaceId,\n      isLiveConfigured,\n      config.apiUrl,\n      arbi,\n      config.assistantConfig,\n      config.workspaceId,\n      error,\n      login,\n      enterDemo,\n      logout,\n      setWorkspace,\n      ensureWorkspaceOpen,\n    ]\n  )\n\n  return <ConnectionContext.Provider value={value}>{children}</ConnectionContext.Provider>\n}\n\nexport function useConnection(): ConnectionValue {\n  const ctx = useContext(ConnectionContext)\n  if (!ctx) throw new Error('useConnection must be used within ConnectionProvider')\n  return ctx\n}\n\nexport const isAuthenticated = (s: ConnectionStatus) => s === 'demo' || s === 'authenticated'\n"]}