@arbidocs/react 0.5.111 → 0.5.113

package/dist/account/profile.js

@@ -0,0 +1,116 @@
+import { useCallback, useEffect, useState } from "react";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { arbiQueryKeys } from "../hooks.js";
+import { useAccountClient } from "./client.js";
+function toProfileView(profile) {
+  return {
+    ...profile,
+    fullName: [profile.givenName, profile.familyName].map((part) => part?.trim()).filter(Boolean).join(" ")
+  };
+}
+function useProfile(options) {
+  const { client, enabled } = useAccountClient();
+  const qc = useQueryClient();
+  useEffect(
+    () => client.onProfileChange(() => qc.setQueryData(arbiQueryKeys.profile(), client.profile())),
+    [client, qc]
+  );
+  return useQuery({
+    queryKey: arbiQueryKeys.profile(),
+    queryFn: () => client.profile(),
+    enabled: (options?.enabled ?? true) && enabled,
+    staleTime: Infinity
+  });
+}
+function useUpdateProfile() {
+  const { client } = useAccountClient();
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: async (vars) => {
+      await client.updateProfile(vars);
+      return client.profile();
+    },
+    onSuccess: (profile) => {
+      qc.setQueryData(arbiQueryKeys.profile(), profile);
+      void qc.invalidateQueries({ queryKey: arbiQueryKeys.identity() });
+      return qc.invalidateQueries({ queryKey: arbiQueryKeys.workspaces() });
+    }
+  });
+}
+function useNameEditor({ givenName, familyName, save }) {
+  const [isEditing, setIsEditing] = useState(false);
+  const [given, setGiven] = useState("");
+  const [family, setFamily] = useState("");
+  const [isSaving, setIsSaving] = useState(false);
+  const [error, setError] = useState(null);
+  const onStartEdit = useCallback(() => {
+    setGiven(givenName ?? "");
+    setFamily(familyName ?? "");
+    setError(null);
+    setIsEditing(true);
+  }, [givenName, familyName]);
+  const onSave = useCallback(() => {
+    const trimmedGiven = given.trim();
+    if (!trimmedGiven) return;
+    setIsSaving(true);
+    setError(null);
+    void Promise.resolve().then(() => save({ givenName: trimmedGiven, familyName: family.trim() })).then(() => setIsEditing(false)).catch((e) => setError(e)).finally(() => setIsSaving(false));
+  }, [given, family, save]);
+  return {
+    isEditing,
+    givenName: given,
+    familyName: family,
+    onGivenNameChange: setGiven,
+    onFamilyNameChange: setFamily,
+    onStartEdit,
+    onSave,
+    onCancel: () => setIsEditing(false),
+    isSaving,
+    error
+  };
+}
+const MAX_AVATAR_FILE_BYTES = 5 * 1024 * 1024;
+function useAvatarCrop({
+  upload,
+  onProblem,
+  maxBytes = MAX_AVATAR_FILE_BYTES
+}) {
+  const [pendingImage, setPendingImage] = useState(null);
+  const [isUploading, setIsUploading] = useState(false);
+  const onFileChosen = useCallback(
+    (file) => {
+      if (!file.type.startsWith("image/")) return onProblem?.("not-image");
+      if (file.size > maxBytes) return onProblem?.("too-large");
+      const reader = new FileReader();
+      reader.onload = () => setPendingImage(reader.result);
+      reader.onerror = () => onProblem?.("unreadable");
+      reader.readAsDataURL(file);
+    },
+    [maxBytes, onProblem]
+  );
+  const onCropComplete = useCallback(
+    (result) => {
+      setPendingImage(null);
+      setIsUploading(true);
+      void Promise.resolve().then(() => upload(result.dataUrl)).catch(() => {
+      }).finally(() => setIsUploading(false));
+    },
+    [upload]
+  );
+  return {
+    onFileChosen,
+    pendingImage,
+    onCropComplete,
+    onCropCancel: () => setPendingImage(null),
+    isUploading
+  };
+}
+export {
+  MAX_AVATAR_FILE_BYTES,
+  toProfileView,
+  useAvatarCrop,
+  useNameEditor,
+  useProfile,
+  useUpdateProfile
+};
+//# sourceMappingURL=profile.js.map

package/dist/account/profile.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/account/profile.ts"],
+  "sourcesContent": ["/**\n * Profile: the signed-in user's name and picture.\n *\n * Two layers, like the rest of the package. The bound hooks (`useProfile`, `useUpdateProfile`) go\n * through the account client in scope (`useAccountClient`: the host configuration's `account`, else\n * one on its `arbi`). The controllers (`useNameEditor`, `useAvatarCrop`) own only the form\n * state and take the save as a function, so an app that has its own API layer (ARBI-frontend)\n * binds the same `ProfileCard` / `AvatarPicker` parts without a provider.\n */\n\nimport { useCallback, useEffect, useState } from 'react'\nimport { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'\nimport type { LoginProfile } from '@arbidocs/sdk/browser'\nimport { arbiQueryKeys } from '../hooks'\nimport { useAccountClient } from './client'\n\n// \u2500\u2500 View model \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nexport interface ProfileView {\n  givenName: string\n  familyName: string | null\n  picture: string | null\n  email: string\n  /** The sign-in provider manages the email (it cannot be changed here). */\n  isSso: boolean\n  /** Verified tick: passed an ID check under this name, not expired. */\n  isIdentityVerified?: boolean\n  /** Given and family name joined; empty while the profile has no name. */\n  fullName: string\n}\n\n/** The profile as the UI reads it. `fullName` is the profile name, never the email. */\nexport function toProfileView(profile: LoginProfile): ProfileView {\n  return {\n    ...profile,\n    fullName: [profile.givenName, profile.familyName]\n      .map((part) => part?.trim())\n      .filter(Boolean)\n      .join(' '),\n  }\n}\n\n// \u2500\u2500 SDK-bound hooks \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n/** The signed-in user's profile; `null` when the session has none (restored without a login). */\nexport function useProfile(options?: { enabled?: boolean }) {\n  const { client, enabled } = useAccountClient()\n  const qc = useQueryClient()\n  // The profile changes outside these hooks too (another tab, an ID check, a re-login).\n  useEffect(\n    () => client.onProfileChange(() => qc.setQueryData(arbiQueryKeys.profile(), client.profile())),\n    [client, qc]\n  )\n  return useQuery({\n    queryKey: arbiQueryKeys.profile(),\n    queryFn: (): ProfileView | null => client.profile(),\n    enabled: (options?.enabled ?? true) && enabled,\n    staleTime: Infinity,\n  })\n}\n\nexport interface UpdateProfileVars {\n  givenName?: string\n  /** `''` clears it. */\n  familyName?: string\n  /** A data URL or URL; `''` clears it (the backend caps it at 100 KB). */\n  picture?: string\n}\n\n/**\n * Save the name and/or picture (PATCH /v1/user/profile). The profile query is updated in place and\n * the workspace list (member rows carry the name) is refreshed, so every surface follows.\n */\nexport function useUpdateProfile() {\n  const { client } = useAccountClient()\n  const qc = useQueryClient()\n  return useMutation({\n    mutationFn: async (vars: UpdateProfileVars) => {\n      await client.updateProfile(vars)\n      return client.profile()\n    },\n    onSuccess: (profile) => {\n      qc.setQueryData(arbiQueryKeys.profile(), profile)\n      // A rename can drop (or restore) the verified tick.\n      void qc.invalidateQueries({ queryKey: arbiQueryKeys.identity() })\n      return qc.invalidateQueries({ queryKey: arbiQueryKeys.workspaces() })\n    },\n  })\n}\n\n// \u2500\u2500 Controllers (no SDK) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nexport interface UseNameEditorOptions {\n  givenName: string | null | undefined\n  familyName: string | null | undefined\n  /** Persist the new name. Reject to keep the editor open (see `error`). */\n  save: (name: { givenName: string; familyName: string }) => Promise<unknown> | unknown\n}\n\nexport interface NameEditor {\n  isEditing: boolean\n  givenName: string\n  familyName: string\n  onGivenNameChange: (value: string) => void\n  onFamilyNameChange: (value: string) => void\n  onStartEdit: () => void\n  onSave: () => void\n  onCancel: () => void\n  isSaving: boolean\n  /** The last failed save. */\n  error: unknown\n}\n\n/**\n * State of the inline name editor of `ProfileCard`: start edit (seeded from the current name),\n * save (trimmed; a blank given name is not saved), cancel. Spread it into `ProfileCard`'s `name`\n * with `display`.\n */\nexport function useNameEditor({ givenName, familyName, save }: UseNameEditorOptions): NameEditor {\n  const [isEditing, setIsEditing] = useState(false)\n  const [given, setGiven] = useState('')\n  const [family, setFamily] = useState('')\n  const [isSaving, setIsSaving] = useState(false)\n  const [error, setError] = useState<unknown>(null)\n\n  const onStartEdit = useCallback(() => {\n    setGiven(givenName ?? '')\n    setFamily(familyName ?? '')\n    setError(null)\n    setIsEditing(true)\n  }, [givenName, familyName])\n\n  const onSave = useCallback(() => {\n    const trimmedGiven = given.trim()\n    if (!trimmedGiven) return\n    setIsSaving(true)\n    setError(null)\n    void Promise.resolve()\n      .then(() => save({ givenName: trimmedGiven, familyName: family.trim() }))\n      .then(() => setIsEditing(false))\n      .catch((e: unknown) => setError(e))\n      .finally(() => setIsSaving(false))\n  }, [given, family, save])\n\n  return {\n    isEditing,\n    givenName: given,\n    familyName: family,\n    onGivenNameChange: setGiven,\n    onFamilyNameChange: setFamily,\n    onStartEdit,\n    onSave,\n    onCancel: () => setIsEditing(false),\n    isSaving,\n    error,\n  }\n}\n\n/** Largest picture file accepted before cropping. */\nexport const MAX_AVATAR_FILE_BYTES = 5 * 1024 * 1024\n\nexport type AvatarFileProblem = 'not-image' | 'too-large' | 'unreadable'\n\nexport interface UseAvatarCropOptions {\n  /** Persist the cropped picture (a data URL). */\n  upload: (dataUrl: string) => Promise<unknown> | unknown\n  /** Report a rejected file or a failed read; default is silent (the picker just does not open). */\n  onProblem?: (problem: AvatarFileProblem) => void\n  maxBytes?: number\n}\n\nexport interface AvatarCrop {\n  /** Pass to `AvatarPicker.onFileChosen`. */\n  onFileChosen: (file: File) => void\n  /** The chosen image awaiting a crop (a data URL), else `null`. */\n  pendingImage: string | null\n  /** Pass to the crop dialog's `onComplete`. */\n  onCropComplete: (result: { dataUrl: string }) => void\n  onCropCancel: () => void\n  isUploading: boolean\n}\n\n/**\n * The choose, validate, crop, upload sequence behind `AvatarPicker`: the picker hands over a file,\n * this checks it (image, size) and reads it for the crop dialog, then uploads the cropped data URL.\n */\nexport function useAvatarCrop({\n  upload,\n  onProblem,\n  maxBytes = MAX_AVATAR_FILE_BYTES,\n}: UseAvatarCropOptions): AvatarCrop {\n  const [pendingImage, setPendingImage] = useState<string | null>(null)\n  const [isUploading, setIsUploading] = useState(false)\n\n  const onFileChosen = useCallback(\n    (file: File) => {\n      if (!file.type.startsWith('image/')) return onProblem?.('not-image')\n      if (file.size > maxBytes) return onProblem?.('too-large')\n      const reader = new FileReader()\n      reader.onload = () => setPendingImage(reader.result as string)\n      reader.onerror = () => onProblem?.('unreadable')\n      reader.readAsDataURL(file)\n    },\n    [maxBytes, onProblem]\n  )\n\n  const onCropComplete = useCallback(\n    (result: { dataUrl: string }) => {\n      setPendingImage(null)\n      setIsUploading(true)\n      void Promise.resolve()\n        .then(() => upload(result.dataUrl))\n        .catch(() => {\n          // The host's `upload` reports its own failure; the picker just stops spinning.\n        })\n        .finally(() => setIsUploading(false))\n    },\n    [upload]\n  )\n\n  return {\n    onFileChosen,\n    pendingImage,\n    onCropComplete,\n    onCropCancel: () => setPendingImage(null),\n    isUploading,\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/account/recovery.js

@@ -0,0 +1,13 @@
+import { createRecoveryFile } from "@arbidocs/client";
+import { downloadBlob } from "../document-tools/environment.js";
+async function downloadRecoveryFile(params) {
+  const file = await createRecoveryFile({
+    ...params,
+    origin: params.origin ?? window.location.origin
+  });
+  downloadBlob(new Blob([file.html], { type: "text/html" }), file.filename);
+}
+export {
+  downloadRecoveryFile
+};
+//# sourceMappingURL=recovery.js.map

package/dist/account/recovery.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/account/recovery.ts"],
+  "sourcesContent": ["/**\n * Saving the account's recovery key in the browser: the recovery file (`createRecoveryFile` of\n * `@arbidocs/client`, a one-link HTML page) downloaded for the current origin.\n */\n\nimport { createRecoveryFile, type RecoveryKeyParams } from '@arbidocs/client'\nimport { downloadBlob } from '../document-tools/environment'\n\n/** Download the recovery file. `origin` defaults to the page's own; `auth0Sub` SSO-wraps the key. */\nexport async function downloadRecoveryFile(\n  params: Omit<RecoveryKeyParams, 'origin'> & { origin?: string }\n): Promise<void> {\n  const file = await createRecoveryFile({\n    ...params,\n    origin: params.origin ?? window.location.origin,\n  })\n  downloadBlob(new Blob([file.html], { type: 'text/html' }), file.filename)\n}\n"],
+  "mappings": "AAKA,SAAS,0BAAkD;AAC3D,SAAS,oBAAoB;AAG7B,eAAsB,qBACpB,QACe;AACf,QAAM,OAAO,MAAM,mBAAmB;AAAA,IACpC,GAAG;AAAA,IACH,QAAQ,OAAO,UAAU,OAAO,SAAS;AAAA,EAC3C,CAAC;AACD,eAAa,IAAI,KAAK,CAAC,KAAK,IAAI,GAAG,EAAE,MAAM,YAAY,CAAC,GAAG,KAAK,QAAQ;AAC1E;",
+  "names": []
+}

package/dist/account/relevance.js

@@ -0,0 +1,82 @@
+import { useCallback } from "react";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { settings as settingsOps } from "@arbidocs/sdk/browser";
+import { useArbi } from "../useArbi.js";
+import { arbiQueryKeys } from "../hooks.js";
+import { useUserSettings } from "./settings.js";
+function useRelevanceSave() {
+  const arbi = useArbi();
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: (patch) => arbi.settings.update(patch),
+    onMutate: async (patch) => {
+      await qc.cancelQueries({ queryKey: arbiQueryKeys.userSettings() });
+      const previous = qc.getQueryData(arbiQueryKeys.userSettings());
+      qc.setQueryData(
+        arbiQueryKeys.userSettings(),
+        (old) => old ? { ...old, ...patch } : old
+      );
+      return { previous };
+    },
+    onError: (_err, _patch, context) => {
+      qc.setQueryData(arbiQueryKeys.userSettings(), context?.previous);
+    },
+    onSettled: () => qc.invalidateQueries({ queryKey: arbiQueryKeys.userSettings() })
+  });
+}
+function useWorkspaceNotificationLevel(workspaceId, options) {
+  const qc = useQueryClient();
+  const settings = useUserSettings(options);
+  const save = useRelevanceSave();
+  const level = workspaceId ? settingsOps.workspaceNotificationLevel(settings.data, workspaceId) : "default";
+  const setLevel = useCallback(
+    (next) => {
+      if (!workspaceId) return;
+      const current = qc.getQueryData(arbiQueryKeys.userSettings()) ?? settings.data;
+      save.mutate(settingsOps.workspaceLevelPatch(current, workspaceId, next));
+    },
+    [qc, save, settings.data, workspaceId]
+  );
+  return {
+    level,
+    setLevel,
+    isLoading: settings.isLoading,
+    isSaving: save.isPending,
+    error: save.error
+  };
+}
+function useFollowThread(conversationId, options) {
+  const qc = useQueryClient();
+  const settings = useUserSettings(options);
+  const save = useRelevanceSave();
+  const following = !!conversationId && !!settings.data?.followed_threads?.includes(conversationId);
+  const setFollowing = useCallback(
+    (on, callbacks) => {
+      if (!conversationId) return;
+      const current = qc.getQueryData(arbiQueryKeys.userSettings()) ?? settings.data;
+      save.mutate(
+        {
+          followed_threads: settingsOps.withMembership(
+            current?.followed_threads,
+            conversationId,
+            on
+          )
+        },
+        callbacks
+      );
+    },
+    [qc, save, settings.data, conversationId]
+  );
+  return {
+    following,
+    setFollowing,
+    isLoading: settings.isLoading,
+    isSaving: save.isPending,
+    error: save.error
+  };
+}
+export {
+  useFollowThread,
+  useWorkspaceNotificationLevel
+};
+//# sourceMappingURL=relevance.js.map

package/dist/account/relevance.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/account/relevance.ts"],
+  "sourcesContent": ["/**\n * Follow and mute: the relevance lists of the user settings. A workspace member is pushed only what\n * concerns them (a mention, an assignment, a reply in a thread they take part in). Following a\n * workspace or a thread opts in to everything from it; muting a workspace silences it, mentions\n * included. Everything else is in the workspace's activity feed.\n *\n * The server takes each list whole: a save sends the full new list, worked out from the cached\n * settings, and updates the cache straight away; a failed write rolls back.\n */\n\nimport { useCallback } from 'react'\nimport { useMutation, useQueryClient } from '@tanstack/react-query'\nimport { settings as settingsOps } from '@arbidocs/sdk/browser'\nimport { useArbi } from '../useArbi'\nimport { arbiQueryKeys } from '../hooks'\nimport { useUserSettings } from './settings'\n\n/** `default` (what names or involves you), `following` (everything) or `muted` (nothing). */\nexport type WorkspaceNotificationLevel = settingsOps.WorkspaceNotificationLevel\n\n/** The lists a follow or mute write may send. */\nexport interface RelevancePatch {\n  muted_workspaces?: string[]\n  followed_workspaces?: string[]\n  followed_threads?: string[]\n}\n\ntype Settings = NonNullable<ReturnType<typeof useUserSettings>['data']>\n\n/** A write of some of the lists, applied to the cached settings at once. */\nfunction useRelevanceSave() {\n  const arbi = useArbi()\n  const qc = useQueryClient()\n  return useMutation({\n    mutationFn: (patch: RelevancePatch) => arbi.settings.update(patch),\n    onMutate: async (patch) => {\n      await qc.cancelQueries({ queryKey: arbiQueryKeys.userSettings() })\n      const previous = qc.getQueryData<Settings>(arbiQueryKeys.userSettings())\n      qc.setQueryData<Settings>(arbiQueryKeys.userSettings(), (old) =>\n        old ? { ...old, ...patch } : old\n      )\n      return { previous }\n    },\n    onError: (_err, _patch, context) => {\n      qc.setQueryData(arbiQueryKeys.userSettings(), context?.previous)\n    },\n    onSettled: () => qc.invalidateQueries({ queryKey: arbiQueryKeys.userSettings() }),\n  })\n}\n\n/**\n * How much of a workspace reaches the user: `default`, `following` (everything) or `muted`\n * (nothing). `setLevel` moves the workspace between the two lists in one write.\n */\nexport function useWorkspaceNotificationLevel(\n  workspaceId: string | null | undefined,\n  options?: { enabled?: boolean }\n) {\n  const qc = useQueryClient()\n  const settings = useUserSettings(options)\n  const save = useRelevanceSave()\n  const level = workspaceId\n    ? settingsOps.workspaceNotificationLevel(settings.data, workspaceId)\n    : 'default'\n  const setLevel = useCallback(\n    (next: WorkspaceNotificationLevel) => {\n      if (!workspaceId) return\n      const current = qc.getQueryData<Settings>(arbiQueryKeys.userSettings()) ?? settings.data\n      save.mutate(settingsOps.workspaceLevelPatch(current, workspaceId, next))\n    },\n    [qc, save, settings.data, workspaceId]\n  )\n  return {\n    level,\n    setLevel,\n    isLoading: settings.isLoading,\n    isSaving: save.isPending,\n    error: save.error,\n  }\n}\n\n/** What the host does once a follow switch is saved or refused (e.g. a toast: nothing else shows). */\nexport interface FollowSaveCallbacks {\n  onSuccess?: () => void\n  onError?: (error: Error) => void\n}\n\n/** Whether the user follows a thread (pushed everything in it), and the switch. */\nexport function useFollowThread(\n  conversationId: string | null | undefined,\n  options?: { enabled?: boolean }\n) {\n  const qc = useQueryClient()\n  const settings = useUserSettings(options)\n  const save = useRelevanceSave()\n  const following = !!conversationId && !!settings.data?.followed_threads?.includes(conversationId)\n  const setFollowing = useCallback(\n    (on: boolean, callbacks?: FollowSaveCallbacks) => {\n      if (!conversationId) return\n      const current = qc.getQueryData<Settings>(arbiQueryKeys.userSettings()) ?? settings.data\n      save.mutate(\n        {\n          followed_threads: settingsOps.withMembership(\n            current?.followed_threads,\n            conversationId,\n            on\n          ),\n        },\n        callbacks\n      )\n    },\n    [qc, save, settings.data, conversationId]\n  )\n  return {\n    following,\n    setFollowing,\n    isLoading: settings.isLoading,\n    isSaving: save.isPending,\n    error: save.error,\n  }\n}\n"],
+  "mappings": "AAUA,SAAS,mBAAmB;AAC5B,SAAS,aAAa,sBAAsB;AAC5C,SAAS,YAAY,mBAAmB;AACxC,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAehC,SAAS,mBAAmB;AAC1B,QAAM,OAAO,QAAQ;AACrB,QAAM,KAAK,eAAe;AAC1B,SAAO,YAAY;AAAA,IACjB,YAAY,CAAC,UAA0B,KAAK,SAAS,OAAO,KAAK;AAAA,IACjE,UAAU,OAAO,UAAU;AACzB,YAAM,GAAG,cAAc,EAAE,UAAU,cAAc,aAAa,EAAE,CAAC;AACjE,YAAM,WAAW,GAAG,aAAuB,cAAc,aAAa,CAAC;AACvE,SAAG;AAAA,QAAuB,cAAc,aAAa;AAAA,QAAG,CAAC,QACvD,MAAM,EAAE,GAAG,KAAK,GAAG,MAAM,IAAI;AAAA,MAC/B;AACA,aAAO,EAAE,SAAS;AAAA,IACpB;AAAA,IACA,SAAS,CAAC,MAAM,QAAQ,YAAY;AAClC,SAAG,aAAa,cAAc,aAAa,GAAG,SAAS,QAAQ;AAAA,IACjE;AAAA,IACA,WAAW,MAAM,GAAG,kBAAkB,EAAE,UAAU,cAAc,aAAa,EAAE,CAAC;AAAA,EAClF,CAAC;AACH;AAMO,SAAS,8BACd,aACA,SACA;AACA,QAAM,KAAK,eAAe;AAC1B,QAAM,WAAW,gBAAgB,OAAO;AACxC,QAAM,OAAO,iBAAiB;AAC9B,QAAM,QAAQ,cACV,YAAY,2BAA2B,SAAS,MAAM,WAAW,IACjE;AACJ,QAAM,WAAW;AAAA,IACf,CAAC,SAAqC;AACpC,UAAI,CAAC,YAAa;AAClB,YAAM,UAAU,GAAG,aAAuB,cAAc,aAAa,CAAC,KAAK,SAAS;AACpF,WAAK,OAAO,YAAY,oBAAoB,SAAS,aAAa,IAAI,CAAC;AAAA,IACzE;AAAA,IACA,CAAC,IAAI,MAAM,SAAS,MAAM,WAAW;AAAA,EACvC;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,WAAW,SAAS;AAAA,IACpB,UAAU,KAAK;AAAA,IACf,OAAO,KAAK;AAAA,EACd;AACF;AASO,SAAS,gBACd,gBACA,SACA;AACA,QAAM,KAAK,eAAe;AAC1B,QAAM,WAAW,gBAAgB,OAAO;AACxC,QAAM,OAAO,iBAAiB;AAC9B,QAAM,YAAY,CAAC,CAAC,kBAAkB,CAAC,CAAC,SAAS,MAAM,kBAAkB,SAAS,cAAc;AAChG,QAAM,eAAe;AAAA,IACnB,CAAC,IAAa,cAAoC;AAChD,UAAI,CAAC,eAAgB;AACrB,YAAM,UAAU,GAAG,aAAuB,cAAc,aAAa,CAAC,KAAK,SAAS;AACpF,WAAK;AAAA,QACH;AAAA,UACE,kBAAkB,YAAY;AAAA,YAC5B,SAAS;AAAA,YACT;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,IAAI,MAAM,SAAS,MAAM,cAAc;AAAA,EAC1C;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,WAAW,SAAS;AAAA,IACpB,UAAU,KAAK;AAAA,IACf,OAAO,KAAK;AAAA,EACd;AACF;",
+  "names": []
+}

package/dist/account/sessions.js

@@ -0,0 +1,37 @@
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { arbiQueryKeys } from "../hooks.js";
+import { useAccountClient } from "./client.js";
+function useSessions(options) {
+  const { client, enabled } = useAccountClient();
+  return useQuery({
+    queryKey: arbiQueryKeys.sessions(),
+    queryFn: () => client.listSessions(),
+    enabled: (options?.enabled ?? true) && enabled
+  });
+}
+function useTerminateSession() {
+  const { client } = useAccountClient();
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: (sessionId) => client.terminateSession(sessionId),
+    onSuccess: () => qc.invalidateQueries({ queryKey: arbiQueryKeys.sessions() })
+  });
+}
+function useSignOut() {
+  const { client } = useAccountClient();
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: (options = {}) => client.signOut(options),
+    onSettled: () => qc.clear()
+  });
+}
+function useCurrentSessionId() {
+  return useAccountClient().client.currentSessionId();
+}
+export {
+  useCurrentSessionId,
+  useSessions,
+  useSignOut,
+  useTerminateSession
+};
+//# sourceMappingURL=sessions.js.map

package/dist/account/sessions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/account/sessions.ts"],
+  "sourcesContent": ["/**\n * Sessions: the list, end one, sign out, and tell which listed session is this device's. All\n * through the account client in scope (`useAccountClient`).\n */\n\nimport { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'\nimport { arbiQueryKeys } from '../hooks'\nimport { useAccountClient, type AccountSignOutOptions } from './client'\n\n/** The user's active sessions (devices and agents). */\nexport function useSessions(options?: { enabled?: boolean }) {\n  const { client, enabled } = useAccountClient()\n  return useQuery({\n    queryKey: arbiQueryKeys.sessions(),\n    queryFn: () => client.listSessions(),\n    enabled: (options?.enabled ?? true) && enabled,\n  })\n}\n\n/** End one of the user's sessions at once (not this device's: that is a sign-out). */\nexport function useTerminateSession() {\n  const { client } = useAccountClient()\n  const qc = useQueryClient()\n  return useMutation({\n    mutationFn: (sessionId: string) => client.terminateSession(sessionId),\n    onSuccess: () => qc.invalidateQueries({ queryKey: arbiQueryKeys.sessions() }),\n  })\n}\n\n/** Sign out of this device, or (`everywhere`) of every device, this one included. */\nexport function useSignOut() {\n  const { client } = useAccountClient()\n  const qc = useQueryClient()\n  return useMutation({\n    mutationFn: (options: AccountSignOutOptions = {}) => client.signOut(options),\n    onSettled: () => qc.clear(),\n  })\n}\n\n/** The id this device's session carries in the `useSessions` list, or `null`. */\nexport function useCurrentSessionId(): string | null {\n  return useAccountClient().client.currentSessionId()\n}\n"],
+  "mappings": "AAKA,SAAS,aAAa,UAAU,sBAAsB;AACtD,SAAS,qBAAqB;AAC9B,SAAS,wBAAoD;AAGtD,SAAS,YAAY,SAAiC;AAC3D,QAAM,EAAE,QAAQ,QAAQ,IAAI,iBAAiB;AAC7C,SAAO,SAAS;AAAA,IACd,UAAU,cAAc,SAAS;AAAA,IACjC,SAAS,MAAM,OAAO,aAAa;AAAA,IACnC,UAAU,SAAS,WAAW,SAAS;AAAA,EACzC,CAAC;AACH;AAGO,SAAS,sBAAsB;AACpC,QAAM,EAAE,OAAO,IAAI,iBAAiB;AACpC,QAAM,KAAK,eAAe;AAC1B,SAAO,YAAY;AAAA,IACjB,YAAY,CAAC,cAAsB,OAAO,iBAAiB,SAAS;AAAA,IACpE,WAAW,MAAM,GAAG,kBAAkB,EAAE,UAAU,cAAc,SAAS,EAAE,CAAC;AAAA,EAC9E,CAAC;AACH;AAGO,SAAS,aAAa;AAC3B,QAAM,EAAE,OAAO,IAAI,iBAAiB;AACpC,QAAM,KAAK,eAAe;AAC1B,SAAO,YAAY;AAAA,IACjB,YAAY,CAAC,UAAiC,CAAC,MAAM,OAAO,QAAQ,OAAO;AAAA,IAC3E,WAAW,MAAM,GAAG,MAAM;AAAA,EAC5B,CAAC;AACH;AAGO,SAAS,sBAAqC;AACnD,SAAO,iBAAiB,EAAE,OAAO,iBAAiB;AACpD;",
+  "names": []
+}

package/dist/account/settings.js

@@ -0,0 +1,39 @@
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useArbi } from "../useArbi.js";
+import { arbiQueryKeys } from "../hooks.js";
+function useUserSettings(options) {
+  const arbi = useArbi();
+  return useQuery({
+    queryKey: arbiQueryKeys.userSettings(),
+    queryFn: () => arbi.settings.get(),
+    // Edited about once a month, and every write here patches the cache: no refetch on each mount.
+    staleTime: 30 * 60 * 1e3,
+    refetchOnMount: options?.refetchOnMount,
+    enabled: (options?.enabled ?? true) && arbi.isLoggedIn
+  });
+}
+function useUpdateUserSettings() {
+  const arbi = useArbi();
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: (patch) => arbi.settings.update(patch),
+    onMutate: async (patch) => {
+      await qc.cancelQueries({ queryKey: arbiQueryKeys.userSettings() });
+      const previous = qc.getQueryData(arbiQueryKeys.userSettings());
+      qc.setQueryData(
+        arbiQueryKeys.userSettings(),
+        (old) => old ? { ...old, ...patch } : old
+      );
+      return { previous };
+    },
+    onError: (_err, _patch, context) => {
+      qc.setQueryData(arbiQueryKeys.userSettings(), context?.previous);
+    },
+    onSettled: () => qc.invalidateQueries({ queryKey: arbiQueryKeys.userSettings() })
+  });
+}
+export {
+  useUpdateUserSettings,
+  useUserSettings
+};
+//# sourceMappingURL=settings.js.map

package/dist/account/settings.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/account/settings.ts"],
+  "sourcesContent": ["/**\n * The user's settings record (flags, pins, preferences, notification choices) and its writes.\n */\n\nimport { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'\nimport type { components } from '@arbidocs/client'\nimport { useArbi } from '../useArbi'\nimport { arbiQueryKeys } from '../hooks'\n\n/** A PATCH of the user settings: only the fields given change (lists are sent whole). */\nexport type UserSettingsPatch = components['schemas']['UserSettingsUpdate']\n\n/** The user's settings record (flags, pins, notification preferences). */\nexport function useUserSettings(options?: {\n  enabled?: boolean\n  refetchOnMount?: boolean | 'always'\n}) {\n  const arbi = useArbi()\n  return useQuery({\n    queryKey: arbiQueryKeys.userSettings(),\n    queryFn: () => arbi.settings.get(),\n    // Edited about once a month, and every write here patches the cache: no refetch on each mount.\n    staleTime: 30 * 60 * 1000,\n    refetchOnMount: options?.refetchOnMount,\n    enabled: (options?.enabled ?? true) && arbi.isLoggedIn,\n  })\n}\n\n/**\n * Write some of the user settings. The cached record takes the patch straight away, so a switch\n * does not wait for the round trip; a failed write rolls it back.\n */\nexport function useUpdateUserSettings() {\n  const arbi = useArbi()\n  const qc = useQueryClient()\n  return useMutation({\n    mutationFn: (patch: UserSettingsPatch) => arbi.settings.update(patch),\n    onMutate: async (patch) => {\n      await qc.cancelQueries({ queryKey: arbiQueryKeys.userSettings() })\n      const previous = qc.getQueryData(arbiQueryKeys.userSettings())\n      qc.setQueryData(arbiQueryKeys.userSettings(), (old: object | undefined) =>\n        old ? { ...old, ...patch } : old\n      )\n      return { previous }\n    },\n    onError: (_err, _patch, context) => {\n      qc.setQueryData(arbiQueryKeys.userSettings(), context?.previous)\n    },\n    onSettled: () => qc.invalidateQueries({ queryKey: arbiQueryKeys.userSettings() }),\n  })\n}\n"],
+  "mappings": "AAIA,SAAS,aAAa,UAAU,sBAAsB;AAEtD,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAMvB,SAAS,gBAAgB,SAG7B;AACD,QAAM,OAAO,QAAQ;AACrB,SAAO,SAAS;AAAA,IACd,UAAU,cAAc,aAAa;AAAA,IACrC,SAAS,MAAM,KAAK,SAAS,IAAI;AAAA;AAAA,IAEjC,WAAW,KAAK,KAAK;AAAA,IACrB,gBAAgB,SAAS;AAAA,IACzB,UAAU,SAAS,WAAW,SAAS,KAAK;AAAA,EAC9C,CAAC;AACH;AAMO,SAAS,wBAAwB;AACtC,QAAM,OAAO,QAAQ;AACrB,QAAM,KAAK,eAAe;AAC1B,SAAO,YAAY;AAAA,IACjB,YAAY,CAAC,UAA6B,KAAK,SAAS,OAAO,KAAK;AAAA,IACpE,UAAU,OAAO,UAAU;AACzB,YAAM,GAAG,cAAc,EAAE,UAAU,cAAc,aAAa,EAAE,CAAC;AACjE,YAAM,WAAW,GAAG,aAAa,cAAc,aAAa,CAAC;AAC7D,SAAG;AAAA,QAAa,cAAc,aAAa;AAAA,QAAG,CAAC,QAC7C,MAAM,EAAE,GAAG,KAAK,GAAG,MAAM,IAAI;AAAA,MAC/B;AACA,aAAO,EAAE,SAAS;AAAA,IACpB;AAAA,IACA,SAAS,CAAC,MAAM,QAAQ,YAAY;AAClC,SAAG,aAAa,cAAc,aAAa,GAAG,SAAS,QAAQ;AAAA,IACjE;AAAA,IACA,WAAW,MAAM,GAAG,kBAAkB,EAAE,UAAU,cAAc,aAAa,EAAE,CAAC;AAAA,EAClF,CAAC;AACH;",
+  "names": []
+}

package/dist/account/table-views.js

@@ -0,0 +1,16 @@
+function isTableViewOf(view, workspaceId, table) {
+  return view.workspace === workspaceId && (view.table ?? null) === table;
+}
+function viewsOfTable(all, workspaceId, table) {
+  if (!workspaceId) return [];
+  const byName = /* @__PURE__ */ new Map();
+  for (const view of all ?? []) {
+    if (isTableViewOf(view, workspaceId, table)) byName.set(view.name, view);
+  }
+  return [...byName.values()];
+}
+export {
+  isTableViewOf,
+  viewsOfTable
+};
+//# sourceMappingURL=table-views.js.map

package/dist/account/table-views.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/account/table-views.ts"],
+  "sourcesContent": ["/**\n * Saved table views in the user settings (`tableviews`): one array holding the views of every\n * table, keyed by workspace and table. A view without `table` belongs to the workspace's documents\n * table; one with `table` to that database (`dbs-\u2026`). The grids write them (blocks' `useTableViews`);\n * a chart over a database reads a view's columns.\n */\nimport type { components } from '@arbidocs/client'\n\nexport type TableView = components['schemas']['TableView']\n\n/** The table a view belongs to: a database id, or `null` for the documents table. */\nexport type TableViewTable = string | null\n\n/** Whether `view` is one of `table`'s views in the workspace. */\nexport function isTableViewOf(view: TableView, workspaceId: string, table: TableViewTable) {\n  return view.workspace === workspaceId && (view.table ?? null) === table\n}\n\n/** The views of one table, one per name (the last one stored wins). */\nexport function viewsOfTable(\n  all: readonly TableView[] | null | undefined,\n  workspaceId: string | null | undefined,\n  table: TableViewTable\n): TableView[] {\n  if (!workspaceId) return []\n  const byName = new Map<string, TableView>()\n  for (const view of all ?? []) {\n    if (isTableViewOf(view, workspaceId, table)) byName.set(view.name, view)\n  }\n  return [...byName.values()]\n}\n"],
+  "mappings": "AAcO,SAAS,cAAc,MAAiB,aAAqB,OAAuB;AACzF,SAAO,KAAK,cAAc,gBAAgB,KAAK,SAAS,UAAU;AACpE;AAGO,SAAS,aACd,KACA,aACA,OACa;AACb,MAAI,CAAC,YAAa,QAAO,CAAC;AAC1B,QAAM,SAAS,oBAAI,IAAuB;AAC1C,aAAW,QAAQ,OAAO,CAAC,GAAG;AAC5B,QAAI,cAAc,MAAM,aAAa,KAAK,EAAG,QAAO,IAAI,KAAK,MAAM,IAAI;AAAA,EACzE;AACA,SAAO,CAAC,GAAG,OAAO,OAAO,CAAC;AAC5B;",
+  "names": []
+}

package/dist/ai/AiAnswer.js

@@ -0,0 +1,83 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Sparkles, Loader2, AlertTriangle, Copy, Check, ShieldCheck } from "lucide-react";
+import { cn } from "../lib/utils.js";
+import { AiMarkdown } from "./AiMarkdown.js";
+function AiAnswer({
+  status,
+  text,
+  stepCount,
+  error,
+  className,
+  emptyHint,
+  groundedNote = "Grounded in the live workspace \xB7 verify citations before relying on it",
+  runningHint = "Reading the documents\u2026",
+  testId = "ai-answer"
+}) {
+  const [copied, setCopied] = useState(false);
+  const running = status === "running";
+  const hasText = text.trim().length > 0;
+  const copy = async () => {
+    await navigator.clipboard.writeText(text);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 1600);
+  };
+  if (status === "idle" && !hasText) {
+    return emptyHint ? /* @__PURE__ */ jsx("p", { className: cn("text-sm text-muted-foreground", className), "data-testid": `${testId}-empty`, children: emptyHint }) : null;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-3", className), "data-testid": testId, "data-status": status, children: [
+    running && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex items-center gap-2 text-xs font-medium text-ai-accent",
+        "data-testid": `${testId}-thinking`,
+        children: [
+          /* @__PURE__ */ jsx(Loader2, { className: "size-3.5 animate-spin" }),
+          stepCount && stepCount > 0 ? `Working \u2014 ${stepCount} step${stepCount === 1 ? "" : "s"}\u2026` : "Thinking\u2026"
+        ]
+      }
+    ),
+    status === "error" && !hasText && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex items-start gap-2 rounded-lg border border-destructive/30 bg-destructive/5 p-3 text-sm text-destructive",
+        "data-testid": `${testId}-error`,
+        children: [
+          /* @__PURE__ */ jsx(AlertTriangle, { className: "mt-0.5 size-4 shrink-0" }),
+          /* @__PURE__ */ jsx("span", { children: error ?? "The assistant request failed." })
+        ]
+      }
+    ),
+    hasText && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(AiMarkdown, { isStreaming: running, children: text }),
+      !running && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-t border-border pt-2.5", children: [
+        /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsx(ShieldCheck, { className: "size-3.5 text-ai-accent" }),
+          groundedNote
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: copy,
+            className: "inline-flex items-center gap-1 text-xs font-medium text-muted-foreground hover:text-foreground",
+            "data-testid": `${testId}-copy`,
+            children: [
+              copied ? /* @__PURE__ */ jsx(Check, { className: "size-3.5 text-ai-accent" }) : /* @__PURE__ */ jsx(Copy, { className: "size-3.5" }),
+              copied ? "Copied" : "Copy"
+            ]
+          }
+        )
+      ] })
+    ] }),
+    running && !hasText && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Sparkles, { className: "size-4 animate-pulse text-ai-accent" }),
+      " ",
+      runningHint
+    ] })
+  ] });
+}
+export {
+  AiAnswer
+};
+//# sourceMappingURL=AiAnswer.js.map

package/dist/ai/AiAnswer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ai/AiAnswer.tsx"],
+  "sourcesContent": ["import { useState } from 'react'\nimport { Sparkles, Loader2, AlertTriangle, Copy, Check, ShieldCheck } from 'lucide-react'\nimport { cn } from '../lib/utils'\nimport type { AiTaskStatus } from './engine'\nimport { AiMarkdown } from './AiMarkdown'\n\n/**\n * Renders the live state of a single agentic task: streaming tokens, a \"thinking\"\n * indicator with the running step count, errors, and a grounded/cited footer with\n * copy-to-clipboard. Shared by every AI feature so streaming looks identical\n * everywhere. Copy is customisable via `groundedNote` / `runningHint`.\n */\nexport function AiAnswer({\n  status,\n  text,\n  stepCount,\n  error,\n  className,\n  emptyHint,\n  groundedNote = 'Grounded in the live workspace \u00B7 verify citations before relying on it',\n  runningHint = 'Reading the documents\u2026',\n  testId = 'ai-answer',\n}: {\n  status: AiTaskStatus\n  text: string\n  stepCount?: number\n  error?: string | null\n  className?: string\n  emptyHint?: string\n  groundedNote?: string\n  runningHint?: string\n  testId?: string\n}) {\n  const [copied, setCopied] = useState(false)\n  const running = status === 'running'\n  const hasText = text.trim().length > 0\n\n  const copy = async () => {\n    await navigator.clipboard.writeText(text)\n    setCopied(true)\n    setTimeout(() => setCopied(false), 1600)\n  }\n\n  if (status === 'idle' && !hasText) {\n    return emptyHint ? (\n      <p className={cn('text-sm text-muted-foreground', className)} data-testid={`${testId}-empty`}>\n        {emptyHint}\n      </p>\n    ) : null\n  }\n\n  return (\n    <div className={cn('space-y-3', className)} data-testid={testId} data-status={status}>\n      {running && (\n        <div\n          className=\"flex items-center gap-2 text-xs font-medium text-ai-accent\"\n          data-testid={`${testId}-thinking`}\n        >\n          <Loader2 className=\"size-3.5 animate-spin\" />\n          {stepCount && stepCount > 0\n            ? `Working \u2014 ${stepCount} step${stepCount === 1 ? '' : 's'}\u2026`\n            : 'Thinking\u2026'}\n        </div>\n      )}\n\n      {status === 'error' && !hasText && (\n        <div\n          className=\"flex items-start gap-2 rounded-lg border border-destructive/30 bg-destructive/5 p-3 text-sm text-destructive\"\n          data-testid={`${testId}-error`}\n        >\n          <AlertTriangle className=\"mt-0.5 size-4 shrink-0\" />\n          <span>{error ?? 'The assistant request failed.'}</span>\n        </div>\n      )}\n\n      {hasText && (\n        <>\n          <AiMarkdown isStreaming={running}>{text}</AiMarkdown>\n          {!running && (\n            <div className=\"flex items-center justify-between border-t border-border pt-2.5\">\n              <span className=\"inline-flex items-center gap-1.5 text-xs text-muted-foreground\">\n                <ShieldCheck className=\"size-3.5 text-ai-accent\" />\n                {groundedNote}\n              </span>\n              <button\n                type=\"button\"\n                onClick={copy}\n                className=\"inline-flex items-center gap-1 text-xs font-medium text-muted-foreground hover:text-foreground\"\n                data-testid={`${testId}-copy`}\n              >\n                {copied ? (\n                  <Check className=\"size-3.5 text-ai-accent\" />\n                ) : (\n                  <Copy className=\"size-3.5\" />\n                )}\n                {copied ? 'Copied' : 'Copy'}\n              </button>\n            </div>\n          )}\n        </>\n      )}\n\n      {running && !hasText && (\n        <div className=\"flex items-center gap-1.5 text-sm text-muted-foreground\">\n          <Sparkles className=\"size-4 animate-pulse text-ai-accent\" /> {runningHint}\n        </div>\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": "AA6CM,SA+BE,UA/BF,KASE,YATF;AA7CN,SAAS,gBAAgB;AACzB,SAAS,UAAU,SAAS,eAAe,MAAM,OAAO,mBAAmB;AAC3E,SAAS,UAAU;AAEnB,SAAS,kBAAkB;AAQpB,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,cAAc;AAAA,EACd,SAAS;AACX,GAUG;AACD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,UAAU,WAAW;AAC3B,QAAM,UAAU,KAAK,KAAK,EAAE,SAAS;AAErC,QAAM,OAAO,YAAY;AACvB,UAAM,UAAU,UAAU,UAAU,IAAI;AACxC,cAAU,IAAI;AACd,eAAW,MAAM,UAAU,KAAK,GAAG,IAAI;AAAA,EACzC;AAEA,MAAI,WAAW,UAAU,CAAC,SAAS;AACjC,WAAO,YACL,oBAAC,OAAE,WAAW,GAAG,iCAAiC,SAAS,GAAG,eAAa,GAAG,MAAM,UACjF,qBACH,IACE;AAAA,EACN;AAEA,SACE,qBAAC,SAAI,WAAW,GAAG,aAAa,SAAS,GAAG,eAAa,QAAQ,eAAa,QAC3E;AAAA,eACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAa,GAAG,MAAM;AAAA,QAEtB;AAAA,8BAAC,WAAQ,WAAU,yBAAwB;AAAA,UAC1C,aAAa,YAAY,IACtB,kBAAa,SAAS,QAAQ,cAAc,IAAI,KAAK,GAAG,WACxD;AAAA;AAAA;AAAA,IACN;AAAA,IAGD,WAAW,WAAW,CAAC,WACtB;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAa,GAAG,MAAM;AAAA,QAEtB;AAAA,8BAAC,iBAAc,WAAU,0BAAyB;AAAA,UAClD,oBAAC,UAAM,mBAAS,iCAAgC;AAAA;AAAA;AAAA,IAClD;AAAA,IAGD,WACC,iCACE;AAAA,0BAAC,cAAW,aAAa,SAAU,gBAAK;AAAA,MACvC,CAAC,WACA,qBAAC,SAAI,WAAU,mEACb;AAAA,6BAAC,UAAK,WAAU,kEACd;AAAA,8BAAC,eAAY,WAAU,2BAA0B;AAAA,UAChD;AAAA,WACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS;AAAA,YACT,WAAU;AAAA,YACV,eAAa,GAAG,MAAM;AAAA,YAErB;AAAA,uBACC,oBAAC,SAAM,WAAU,2BAA0B,IAE3C,oBAAC,QAAK,WAAU,YAAW;AAAA,cAE5B,SAAS,WAAW;AAAA;AAAA;AAAA,QACvB;AAAA,SACF;AAAA,OAEJ;AAAA,IAGD,WAAW,CAAC,WACX,qBAAC,SAAI,WAAU,2DACb;AAAA,0BAAC,YAAS,WAAU,uCAAsC;AAAA,MAAE;AAAA,MAAE;AAAA,OAChE;AAAA,KAEJ;AAEJ;",
+  "names": []
+}

package/dist/ai/AiMarkdown.js

@@ -0,0 +1,40 @@
+import { jsx } from "react/jsx-runtime";
+import { MarkdownRenderer } from "./MarkdownRenderer.js";
+const AI_COMPONENTS = {
+  a: (p) => /* @__PURE__ */ jsx(
+    "a",
+    {
+      className: "text-ai-accent underline underline-offset-2",
+      target: "_blank",
+      rel: "noopener noreferrer",
+      ...p
+    }
+  ),
+  // Redline marks: deletions in red strike, <ins>/<mark> additions accented.
+  del: (p) => /* @__PURE__ */ jsx("del", { className: "rounded bg-destructive/10 text-destructive decoration-destructive/60", ...p }),
+  ins: (p) => /* @__PURE__ */ jsx("ins", { className: "rounded bg-ai-accent-soft px-0.5 text-ai-accent no-underline", ...p }),
+  mark: (p) => /* @__PURE__ */ jsx("mark", { className: "rounded bg-ai-accent-soft px-0.5 text-ai-accent", ...p }),
+  thead: (p) => /* @__PURE__ */ jsx("thead", { className: "bg-secondary/60", ...p })
+};
+function AiMarkdown({
+  children,
+  className,
+  isStreaming,
+  allowHtml
+}) {
+  return /* @__PURE__ */ jsx(
+    MarkdownRenderer,
+    {
+      className: className ?? "text-sm",
+      components: AI_COMPONENTS,
+      isStreaming,
+      allowHtml,
+      testId: "ai-markdown",
+      children
+    }
+  );
+}
+export {
+  AiMarkdown
+};
+//# sourceMappingURL=AiMarkdown.js.map

package/dist/ai/AiMarkdown.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ai/AiMarkdown.tsx"],
+  "sourcesContent": ["import type { Components } from 'react-markdown'\nimport { MarkdownRenderer } from './MarkdownRenderer'\n\n/**\n * Renders agent output in the shared house style, layered with the AI-branded and\n * redline-specific overrides on top of the kit's {@link MarkdownRenderer}: accent\n * links and `<del>`/`<ins>`/`<mark>` as tracked-changes (deletions red-strike,\n * insertions accented). Everything else \u2014 headings, lists, GFM tables, fenced\n * code blocks, blockquotes, safe links \u2014 comes from the shared renderer, so AI\n * answers, chat messages and parsed documents all look identical.\n *\n * Token-neutral: shadcn semantic tokens plus the kit's `ai-accent` contract.\n */\nconst AI_COMPONENTS: Partial<Components> = {\n  a: (p) => (\n    <a\n      className=\"text-ai-accent underline underline-offset-2\"\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      {...p}\n    />\n  ),\n  // Redline marks: deletions in red strike, <ins>/<mark> additions accented.\n  del: (p) => (\n    <del className=\"rounded bg-destructive/10 text-destructive decoration-destructive/60\" {...p} />\n  ),\n  ins: (p) => (\n    <ins className=\"rounded bg-ai-accent-soft px-0.5 text-ai-accent no-underline\" {...p} />\n  ),\n  mark: (p) => <mark className=\"rounded bg-ai-accent-soft px-0.5 text-ai-accent\" {...p} />,\n  thead: (p) => <thead className=\"bg-secondary/60\" {...p} />,\n}\n\nexport function AiMarkdown({\n  children,\n  className,\n  isStreaming,\n  allowHtml,\n}: {\n  children: string\n  className?: string\n  isStreaming?: boolean\n  /** See {@link MarkdownRenderer}: false keeps inline HTML as text. */\n  allowHtml?: boolean\n}) {\n  return (\n    <MarkdownRenderer\n      className={className ?? 'text-sm'}\n      components={AI_COMPONENTS}\n      isStreaming={isStreaming}\n      allowHtml={allowHtml}\n      testId=\"ai-markdown\"\n    >\n      {children}\n    </MarkdownRenderer>\n  )\n}\n"],
+  "mappings": "AAeI;AAdJ,SAAS,wBAAwB;AAYjC,MAAM,gBAAqC;AAAA,EACzC,GAAG,CAAC,MACF;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,QAAO;AAAA,MACP,KAAI;AAAA,MACH,GAAG;AAAA;AAAA,EACN;AAAA;AAAA,EAGF,KAAK,CAAC,MACJ,oBAAC,SAAI,WAAU,wEAAwE,GAAG,GAAG;AAAA,EAE/F,KAAK,CAAC,MACJ,oBAAC,SAAI,WAAU,gEAAgE,GAAG,GAAG;AAAA,EAEvF,MAAM,CAAC,MAAM,oBAAC,UAAK,WAAU,mDAAmD,GAAG,GAAG;AAAA,EACtF,OAAO,CAAC,MAAM,oBAAC,WAAM,WAAU,mBAAmB,GAAG,GAAG;AAC1D;AAEO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,aAAa;AAAA,MACxB,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,QAAO;AAAA,MAEN;AAAA;AAAA,EACH;AAEJ;",
+  "names": []
+}