@arbidocs/blocks 0.4.2 → 0.4.4

package/dist/connect/index.js

@@ -1,9 +1,13 @@
 "use client";
-import { ConnectionProvider, useConnection } from '../chunk-YBXCZEWS.js';
-export { ConnectionProvider, isAuthenticated, redlineStats, textToArtifact, toRedlineMarkdown, useConnectedAiTask, useConnection, useSemanticSearch, useWorkspaceDocs } from '../chunk-YBXCZEWS.js';
+import { ConnectionProvider, useConnection } from '../chunk-B673CCW5.js';
+export { ConnectedAssistantDock, ConnectionProvider, SESSION_EXPIRED_MESSAGE, isAuthenticated, redlineStats, textToArtifact, toRedlineMarkdown, useConnectedAiTask, useConnectedChat, useConnection, useSemanticSearch, useWorkspaceDocs } from '../chunk-B673CCW5.js';
+import '../chunk-JPO3F4J7.js';
+import '../chunk-2VBJ763Y.js';
+import '../chunk-OXF2IFXG.js';
+import '../chunk-7F6CBP3Z.js';
 import { useState } from 'react';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { ArbiProvider, ArbiWebSocketProvider } from '@arbidocs/react';
+import { ArbiProvider, useWorkspaces, useShellWorkspaces, ArbiWebSocketProvider } from '@arbidocs/react';
 import { jsx } from 'react/jsx-runtime';
 
 function ConnectionBoundWebSocket({ children }) {
@@ -22,7 +26,19 @@ function ArbiAppProvider({
   const providerUrl = config.apiUrl || config.demoApiUrl || "https://demo.arbi.local";
   return /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx(ArbiProvider, { url: providerUrl, children: /* @__PURE__ */ jsx(ConnectionProvider, { config, children: /* @__PURE__ */ jsx(ConnectionBoundWebSocket, { children }) }) }) });
 }
+function useConnectedShellWorkspaces(options = {}) {
+  const { workspaceId, setWorkspace } = useConnection();
+  const query = useWorkspaces();
+  return useShellWorkspaces({
+    ...options,
+    workspaces: Array.isArray(query.data) ? query.data : void 0,
+    isLoading: query.isLoading,
+    loadError: query.error,
+    selectedId: workspaceId,
+    select: (workspace) => setWorkspace(workspace.id)
+  });
+}
 
-export { ArbiAppProvider };
+export { ArbiAppProvider, useConnectedShellWorkspaces };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/connect/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/connection/ArbiAppProvider.tsx"],"names":[],"mappings":";;;;;;;AAqBA,SAAS,wBAAA,CAAyB,EAAE,QAAA,EAAS,EAA4B;AACvE,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,aAAA,EAAc;AACjC,EAAA,uBACE,GAAA,CAAC,qBAAA,EAAA,EAAsB,OAAA,EAAS,MAAA,KAAW,iBAAkB,QAAA,EAAS,CAAA;AAE1E;AAEO,SAAS,eAAA,CAAgB;AAAA,EAC9B,MAAA;AAAA,EACA;AACF,CAAA,EAGG;AACD,EAAA,MAAM,CAAC,WAAW,CAAA,GAAI,QAAA;AAAA,IACpB,MACE,IAAI,WAAA,CAAY;AAAA,MACd,cAAA,EAAgB,EAAE,OAAA,EAAS,EAAE,SAAA,EAAW,KAAQ,KAAA,EAAO,CAAA,EAAG,oBAAA,EAAsB,KAAA,EAAM;AAAE,KACzF;AAAA,GACL;AAEA,EAAA,MAAM,WAAA,GAAc,MAAA,CAAO,MAAA,IAAU,MAAA,CAAO,UAAA,IAAc,yBAAA;AAE1D,EAAA,2BACG,mBAAA,EAAA,EAAoB,MAAA,EAAQ,WAAA,EAC3B,QAAA,kBAAA,GAAA,CAAC,gBAAa,GAAA,EAAK,WAAA,EACjB,QAAA,kBAAA,GAAA,CAAC,kBAAA,EAAA,EAAmB,QAClB,QAAA,kBAAA,GAAA,CAAC,wBAAA,EAAA,EAA0B,QAAA,EAAS,CAAA,EACtC,GACF,CAAA,EACF,CAAA;AAEJ","file":"index.js","sourcesContent":["/**\n * Composition root for a host app on the ARBI React SDK.\n *\n *   QueryClientProvider  → react-query cache shared with the SDK\n *     ArbiProvider       → the SDK's Arbi instance (no network until login)\n *       ConnectionProvider → demo/live auth + workspace layer\n *\n * With no live `apiUrl`, ArbiProvider is still mounted (cheap, inert) against\n * `demoApiUrl` and the app runs entirely in seeded demo mode.\n */\nimport { useState, type ReactNode } from 'react'\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query'\nimport { ArbiProvider, ArbiWebSocketProvider } from '@arbidocs/react'\nimport { ConnectionProvider, useConnection } from './ConnectionProvider'\nimport type { ArbiConnectionConfig } from './types'\n\n/**\n * Opens the shared SDK WebSocket once the app is live-authenticated (demo /\n * logged-out sessions have no backend, so they stay disconnected). Lives inside\n * ConnectionProvider so it can read the live status.\n */\nfunction ConnectionBoundWebSocket({ children }: { children: ReactNode }) {\n  const { status } = useConnection()\n  return (\n    <ArbiWebSocketProvider enabled={status === 'authenticated'}>{children}</ArbiWebSocketProvider>\n  )\n}\n\nexport function ArbiAppProvider({\n  config,\n  children,\n}: {\n  config: ArbiConnectionConfig\n  children: ReactNode\n}) {\n  const [queryClient] = useState(\n    () =>\n      new QueryClient({\n        defaultOptions: { queries: { staleTime: 30_000, retry: 1, refetchOnWindowFocus: false } },\n      })\n  )\n\n  const providerUrl = config.apiUrl || config.demoApiUrl || 'https://demo.arbi.local'\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <ArbiProvider url={providerUrl}>\n        <ConnectionProvider config={config}>\n          <ConnectionBoundWebSocket>{children}</ConnectionBoundWebSocket>\n        </ConnectionProvider>\n      </ArbiProvider>\n    </QueryClientProvider>\n  )\n}\n"]}
+{"version":3,"sources":["../../src/connection/ArbiAppProvider.tsx","../../src/connection/useConnectedShellWorkspaces.ts"],"names":[],"mappings":";;;;;;;;;;;AAqBA,SAAS,wBAAA,CAAyB,EAAE,QAAA,EAAS,EAA4B;AACvE,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,aAAA,EAAc;AACjC,EAAA,uBACE,GAAA,CAAC,qBAAA,EAAA,EAAsB,OAAA,EAAS,MAAA,KAAW,iBAAkB,QAAA,EAAS,CAAA;AAE1E;AAEO,SAAS,eAAA,CAAgB;AAAA,EAC9B,MAAA;AAAA,EACA;AACF,CAAA,EAGG;AACD,EAAA,MAAM,CAAC,WAAW,CAAA,GAAI,QAAA;AAAA,IACpB,MACE,IAAI,WAAA,CAAY;AAAA,MACd,cAAA,EAAgB,EAAE,OAAA,EAAS,EAAE,SAAA,EAAW,KAAQ,KAAA,EAAO,CAAA,EAAG,oBAAA,EAAsB,KAAA,EAAM;AAAE,KACzF;AAAA,GACL;AAEA,EAAA,MAAM,WAAA,GAAc,MAAA,CAAO,MAAA,IAAU,MAAA,CAAO,UAAA,IAAc,yBAAA;AAE1D,EAAA,2BACG,mBAAA,EAAA,EAAoB,MAAA,EAAQ,WAAA,EAC3B,QAAA,kBAAA,GAAA,CAAC,gBAAa,GAAA,EAAK,WAAA,EACjB,QAAA,kBAAA,GAAA,CAAC,kBAAA,EAAA,EAAmB,QAClB,QAAA,kBAAA,GAAA,CAAC,wBAAA,EAAA,EAA0B,QAAA,EAAS,CAAA,EACtC,GACF,CAAA,EACF,CAAA;AAEJ;AC3BO,SAAS,2BAAA,CACd,OAAA,GAA8C,EAAC,EACrB;AAC1B,EAAA,MAAM,EAAE,WAAA,EAAa,YAAA,EAAa,GAAI,aAAA,EAAc;AACpD,EAAA,MAAM,QAAQ,aAAA,EAAc;AAC5B,EAAA,OAAO,kBAAA,CAAmB;AAAA,IACxB,GAAG,OAAA;AAAA,IACH,YAAY,KAAA,CAAM,OAAA,CAAQ,MAAM,IAAI,CAAA,GAAK,MAAM,IAAA,GAAkC,MAAA;AAAA,IACjF,WAAW,KAAA,CAAM,SAAA;AAAA,IACjB,WAAW,KAAA,CAAM,KAAA;AAAA,IACjB,UAAA,EAAY,WAAA;AAAA,IACZ,MAAA,EAAQ,CAAC,SAAA,KAAc,YAAA,CAAa,UAAU,EAAE;AAAA,GACjD,CAAA;AACH","file":"index.js","sourcesContent":["/**\n * Composition root for a host app on the ARBI React SDK.\n *\n *   QueryClientProvider  → react-query cache shared with the SDK\n *     ArbiProvider       → the SDK's Arbi instance (no network until login)\n *       ConnectionProvider → demo/live auth + workspace layer\n *\n * With no live `apiUrl`, ArbiProvider is still mounted (cheap, inert) against\n * `demoApiUrl` and the app runs entirely in seeded demo mode.\n */\nimport { useState, type ReactNode } from 'react'\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query'\nimport { ArbiProvider, ArbiWebSocketProvider } from '@arbidocs/react'\nimport { ConnectionProvider, useConnection } from './ConnectionProvider'\nimport type { ArbiConnectionConfig } from './types'\n\n/**\n * Opens the shared SDK WebSocket once the app is live-authenticated (demo /\n * logged-out sessions have no backend, so they stay disconnected). Lives inside\n * ConnectionProvider so it can read the live status.\n */\nfunction ConnectionBoundWebSocket({ children }: { children: ReactNode }) {\n  const { status } = useConnection()\n  return (\n    <ArbiWebSocketProvider enabled={status === 'authenticated'}>{children}</ArbiWebSocketProvider>\n  )\n}\n\nexport function ArbiAppProvider({\n  config,\n  children,\n}: {\n  config: ArbiConnectionConfig\n  children: ReactNode\n}) {\n  const [queryClient] = useState(\n    () =>\n      new QueryClient({\n        defaultOptions: { queries: { staleTime: 30_000, retry: 1, refetchOnWindowFocus: false } },\n      })\n  )\n\n  const providerUrl = config.apiUrl || config.demoApiUrl || 'https://demo.arbi.local'\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <ArbiProvider url={providerUrl}>\n        <ConnectionProvider config={config}>\n          <ConnectionBoundWebSocket>{children}</ConnectionBoundWebSocket>\n        </ConnectionProvider>\n      </ArbiProvider>\n    </QueryClientProvider>\n  )\n}\n","import {\n  useShellWorkspaces,\n  useWorkspaces,\n  type ShellWorkspaceSource,\n  type UseShellWorkspacesOptions,\n  type UseShellWorkspacesResult,\n} from '@arbidocs/react'\nimport { useConnection } from './ConnectionProvider'\n\nexport type UseConnectedShellWorkspacesOptions = Omit<\n  UseShellWorkspacesOptions,\n  'workspaces' | 'isLoading' | 'loadError' | 'selectedId' | 'select'\n>\n\n/**\n * `useShellWorkspaces` wired to the connection layer: the account's live workspaces, the\n * connection's single selection as the active workspace, and `open` = `setWorkspace` (opens it on\n * the server, remembers it for the next login) then `onOpened`.\n *\n * ```tsx\n * const { active, recent, open } = useConnectedShellWorkspaces({\n *   seed: { workspaces: demoWorkspaces, activeId: 'demo-1' },\n *   onOpened: () => navigate('/app/documents'),\n * })\n * ```\n */\nexport function useConnectedShellWorkspaces(\n  options: UseConnectedShellWorkspacesOptions = {}\n): UseShellWorkspacesResult {\n  const { workspaceId, setWorkspace } = useConnection()\n  const query = useWorkspaces()\n  return useShellWorkspaces({\n    ...options,\n    workspaces: Array.isArray(query.data) ? (query.data as ShellWorkspaceSource[]) : undefined,\n    isLoading: query.isLoading,\n    loadError: query.error,\n    selectedId: workspaceId,\n    select: (workspace) => setWorkspace(workspace.id),\n  })\n}\n"]}

package/dist/connection/ConnectionProvider.d.ts

@@ -41,6 +41,8 @@ interface ConnectionValue {
 }
 /** Exported for tests. */
 export declare const workspaceStorageKey: (apiUrl: string, userKey: string) => string;
+/** Shown on the sign-in screen after the session could not be recovered. */
+export declare const SESSION_EXPIRED_MESSAGE = "Your session expired. Sign in again.";
 export declare function ConnectionProvider({ config, children, }: {
     config: ArbiConnectionConfig;
     children: ReactNode;

package/dist/connection/ai.d.ts

@@ -1,4 +1,5 @@
-import { type AiRunOptions } from '@arbidocs/react';
+import { type ArbiChat, type UseArbiChatOptions, type AiRunOptions } from '@arbidocs/react';
+import { type AssistantDockProps } from '../chat/AssistantDock';
 export type { AiTaskStatus, AiRunOptions, SearchChunk, ArtifactEvent } from '@arbidocs/react';
 /** Client-side redlining, re-exported so a host app has one import surface. */
 export { toRedlineMarkdown, redlineStats, textToArtifact } from '@arbidocs/react';
@@ -97,3 +98,14 @@ export declare function useSemanticSearch(): {
     search: (q: string, mode?: "semantic" | "keyword" | "hybrid") => Promise<void>;
     isRunning: boolean;
 };
+/**
+ * The chat controller for `ChatPage` bound to the connection: the active workspace and the host's
+ * default assistant configuration are injected, so a host writes
+ * `<ChatPage chat={useConnectedChat()} />`.
+ */
+export declare function useConnectedChat(options?: Omit<UseArbiChatOptions, 'workspaceId'>): ArbiChat;
+/**
+ * The assistant dock bound to the connection: mount it once in the layout (`Shell.Root`'s `aside`)
+ * and put `AssistantDockToggle` in the topbar. Chat state lives here, so it survives closing the dock.
+ */
+export declare function ConnectedAssistantDock(props: Omit<AssistantDockProps, 'chat'>): import("react").JSX.Element;

package/dist/connection/useConnectedShellWorkspaces.d.ts

@@ -0,0 +1,15 @@
+import { type UseShellWorkspacesOptions, type UseShellWorkspacesResult } from '@arbidocs/react';
+export type UseConnectedShellWorkspacesOptions = Omit<UseShellWorkspacesOptions, 'workspaces' | 'isLoading' | 'loadError' | 'selectedId' | 'select'>;
+/**
+ * `useShellWorkspaces` wired to the connection layer: the account's live workspaces, the
+ * connection's single selection as the active workspace, and `open` = `setWorkspace` (opens it on
+ * the server, remembers it for the next login) then `onOpened`.
+ *
+ * ```tsx
+ * const { active, recent, open } = useConnectedShellWorkspaces({
+ *   seed: { workspaces: demoWorkspaces, activeId: 'demo-1' },
+ *   onOpened: () => navigate('/app/documents'),
+ * })
+ * ```
+ */
+export declare function useConnectedShellWorkspaces(options?: UseConnectedShellWorkspacesOptions): UseShellWorkspacesResult;

package/dist/facts/index.cjs

@@ -7,8 +7,8 @@ var chunkVPPX5XUF_cjs = require('../chunk-VPPX5XUF.cjs');
 var chunkV4ISCZJ7_cjs = require('../chunk-V4ISCZJ7.cjs');
 var chunk5B4PXAKI_cjs = require('../chunk-5B4PXAKI.cjs');
 var chunkPPCATBOY_cjs = require('../chunk-PPCATBOY.cjs');
-var chunkWJMEXTVD_cjs = require('../chunk-WJMEXTVD.cjs');
 require('../chunk-C54XEN5T.cjs');
+var chunkKDG6FER6_cjs = require('../chunk-KDG6FER6.cjs');
 var chunkMHVNT4J3_cjs = require('../chunk-MHVNT4J3.cjs');
 var lucideReact = require('lucide-react');
 var ui = require('@arbidocs/react/ui');
@@ -480,7 +480,7 @@ function FactsTable({
           {
             title: name,
             className: "inline-flex size-6 items-center justify-center rounded-full bg-muted text-[10px] font-medium text-muted-foreground",
-            children: chunkWJMEXTVD_cjs.initials(name)
+            children: chunkKDG6FER6_cjs.initials(name)
           }
         ) : null;
       },
@@ -1611,7 +1611,7 @@ function FactsEmptyState({ onUseExample, labels, testIds }) {
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto mb-4 flex size-12 items-center justify-center rounded-lg bg-accent text-accent-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Milestone, { className: "size-6" }) }),
         /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "mt-2 text-xl font-semibold text-foreground", children: l.title }),
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: l.intro }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-7 grid gap-3 text-left sm:grid-cols-3", children: l.kinds.map(({ label, desc }, i) => {
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-7 grid gap-3 text-left @xl:grid-cols-3", children: l.kinds.map(({ label, desc }, i) => {
           const KindIcon = KIND_ICONS[i % KIND_ICONS.length];
           return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg bg-muted p-3", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-sm font-medium text-foreground", children: [