@larkup/workspace-app 0.2.2 → 0.2.3

package/dist-types/components/data/corpus-panel.d.ts

@@ -1,6 +1,6 @@
 import type { SourceDocument, DataGroup } from '@larkup/core/types';
 import { type VideoRuntimeScope } from '../../lib/media/video-runtime-scope';
-export declare function CorpusPanel({ documents, groups, onChanged, isIndexing, activeVideoRuntimeScope, initialGroupId, isLoading, }: {
+export declare function CorpusPanel({ documents, groups, onChanged, isIndexing, activeVideoRuntimeScope, initialGroupId, isLoading, error, }: {
     documents: SourceDocument[];
     groups?: DataGroup[];
     onChanged: () => void | Promise<unknown>;
@@ -8,5 +8,6 @@ export declare function CorpusPanel({ documents, groups, onChanged, isIndexing,
     activeVideoRuntimeScope: VideoRuntimeScope;
     initialGroupId?: string;
     isLoading?: boolean;
+    error?: string;
 }): import("react").JSX.Element;
 //# sourceMappingURL=corpus-panel.d.ts.map

package/dist-types/components/data/corpus-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"corpus-panel.d.ts","sourceRoot":"","sources":["../../../src/components/data/corpus-panel.tsx"],"names":[],"mappings":"AAqCA,OAAO,KAAK,EAAkB,cAAc,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AA+BpF,OAAO,EAGL,KAAK,iBAAiB,EACvB,MAAM,qCAAqC,CAAC;AAU7C,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,MAAW,EACX,SAAS,EACT,UAAU,EACV,uBAAuB,EACvB,cAAc,EACd,SAAS,GACV,EAAE;IACD,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uBAAuB,EAAE,iBAAiB,CAAC;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,+BAquBA"}
+{"version":3,"file":"corpus-panel.d.ts","sourceRoot":"","sources":["../../../src/components/data/corpus-panel.tsx"],"names":[],"mappings":"AAqCA,OAAO,KAAK,EAAkB,cAAc,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AA+BpF,OAAO,EAGL,KAAK,iBAAiB,EACvB,MAAM,qCAAqC,CAAC;AAU7C,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,MAAW,EACX,SAAS,EACT,UAAU,EACV,uBAAuB,EACvB,cAAc,EACd,SAAS,EACT,KAAK,GACN,EAAE;IACD,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uBAAuB,EAAE,iBAAiB,CAAC;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,+BAovBA"}

package/dist-types/components/data/data-workspace.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-workspace.d.ts","sourceRoot":"","sources":["../../../src/components/data/data-workspace.tsx"],"names":[],"mappings":"AAmEA,KAAK,QAAQ,GAAG,KAAK,GAAG,QAAQ,CAAC;AA+BjC,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,GAAE;IAAE,IAAI,CAAC,EAAE,QAAQ,CAAA;CAAO,+BA4gB/D"}
+{"version":3,"file":"data-workspace.d.ts","sourceRoot":"","sources":["../../../src/components/data/data-workspace.tsx"],"names":[],"mappings":"AAmEA,KAAK,QAAQ,GAAG,KAAK,GAAG,QAAQ,CAAC;AA+BjC,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,GAAE;IAAE,IAAI,CAAC,EAAE,QAAQ,CAAA;CAAO,+BA0hB/D"}

package/dist-types/components/data/project-data-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"project-data-page.d.ts","sourceRoot":"","sources":["../../../src/components/data/project-data-page.tsx"],"names":[],"mappings":"AAcA,kEAAkE;AAClE,wBAAgB,eAAe,gCAuC9B"}
+{"version":3,"file":"project-data-page.d.ts","sourceRoot":"","sources":["../../../src/components/data/project-data-page.tsx"],"names":[],"mappings":"AAeA,kEAAkE;AAClE,wBAAgB,eAAe,gCA4C9B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@larkup/workspace-app",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "type": "module",
   "description": "Canonical Larkup chat, data and settings pages with host adapters",
   "files": [
@@ -534,7 +534,7 @@
   "dependencies": {
     "@ai-sdk/react": "4.0.136",
     "@base-ui/react": "^1.5.0",
-    "@larkup/core": "^0.8.1",
+    "@larkup/core": "^0.8.2",
     "ai": "7.0.133",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -556,9 +556,9 @@
     "@larkup/vector-stores": "^0.1.27",
     "@larkup/sandbox": "^0.1.8",
     "next": "16.3.8",
-    "@larkup/integrations": "0.2.1",
-    "@larkup/tool-doc-editor": "0.3.1",
-    "@larkup/workspace-ui": "0.2.0"
+    "@larkup/tool-doc-editor": "0.3.2",
+    "@larkup/workspace-ui": "0.2.0",
+    "@larkup/integrations": "0.2.1"
   },
   "peerDependencies": {
     "react": ">=19",

package/src/components/data/corpus-panel.tsx

@@ -88,6 +88,7 @@ export function CorpusPanel({
   activeVideoRuntimeScope,
   initialGroupId,
   isLoading,
+  error,
 }: {
   documents: SourceDocument[];
   groups?: DataGroup[];
@@ -96,6 +97,7 @@ export function CorpusPanel({
   activeVideoRuntimeScope: VideoRuntimeScope;
   initialGroupId?: string;
   isLoading?: boolean;
+  error?: string;
 }) {
   const [active, setActive] = useState<SourceDocument | null>(null);
   const [deleteTask, setDeleteTask] = useState<
@@ -328,6 +330,21 @@ export function CorpusPanel({
     return <CorpusSkeleton />;
   }
 
+  if (error) {
+    return (
+      <div className="flex flex-col items-center justify-center rounded-lg border border-border bg-card/50 px-6 py-14 text-center">
+        <div className="size-10 p-1.5 bg-destructive/10 border border-destructive/20 rounded-md flex items-center justify-center text-destructive">
+          <Info className="size-6" />
+        </div>
+        <p className="mt-3 text-lg font-medium text-foreground">Could not load corpus data</p>
+        <p className="mt-1 max-w-xl text-sm text-muted-foreground">{error}</p>
+        <Button variant="outline" size="sm" className="mt-4" onClick={() => void onChanged()}>
+          Retry
+        </Button>
+      </div>
+    );
+  }
+
   if (clearingAll || groupedDocuments.length === 0) {
     return (
       <div className="flex flex-col  items-center justify-center rounded-lg   px-6 py-14 text-center">

package/src/components/data/data-workspace.tsx

@@ -190,9 +190,13 @@ export function DataWorkspace({ view }: { view?: TopTabId } = {}) {
   const completedJobs = jobs.filter((job) => job.status === 'completed');
   const [jobsFilterTab, setJobsFilterTab] = useState<'running' | 'all'>('running');
 
-  const docsQuery = useSWR<DocsResponse>(workspaceUrl('/api/documents'), fetcher, {
-    refreshInterval: hasActive ? 5000 : 0,
-  });
+  const docsQuery = useSWR<DocsResponse>(
+    serverId ? workspaceUrl('/api/documents') : null,
+    fetcher,
+    {
+      refreshInterval: hasActive ? 5000 : 0,
+    },
+  );
   const { mutate: mutateDocuments } = docsQuery;
   const documents = docsQuery.data?.documents ?? [];
   const groups = docsQuery.data?.groups ?? [];
@@ -211,6 +215,9 @@ export function DataWorkspace({ view }: { view?: TopTabId } = {}) {
     docsQuery.data !== undefined &&
     !docsQuery.error &&
     (targetGroupId === 'default' || selectedGroup !== undefined);
+  const isCorpusLoading = Boolean(
+    !serverId || docsQuery.isLoading || (docsQuery.data === undefined && !docsQuery.error),
+  );
 
   useEffect(() => {
     if (dataAddBlocked) setPrimaryAction(null);
@@ -613,7 +620,14 @@ export function DataWorkspace({ view }: { view?: TopTabId } = {}) {
               isIndexing={indexRunning}
               activeVideoRuntimeScope={activeVideoRuntimeScope}
               initialGroupId={searchParams.has('groupId') ? queryGroupId : undefined}
-              isLoading={docsQuery.isLoading || (docsQuery.data === undefined && !docsQuery.error)}
+              isLoading={isCorpusLoading}
+              error={
+                docsQuery.error
+                  ? docsQuery.error instanceof Error
+                    ? docsQuery.error.message
+                    : String(docsQuery.error)
+                  : undefined
+              }
             />
           </div>
         )}

package/src/components/data/project-data-page.tsx

@@ -7,6 +7,7 @@ import { useRouter } from 'next/navigation';
 import { Database, FolderOpen } from 'lucide-react';
 import { WorkspaceLineTabs, WorkspacePageHeading } from '@larkup/workspace-ui';
 import type { DataGroup } from '@larkup/core/types';
+import { useProject } from '../projects/project-provider';
 import { DataWorkspace } from './data-workspace';
 import { GroupsPanel } from './groups-panel';
 
@@ -15,8 +16,13 @@ const fetcher = (url: string) => fetch(url).then((response) => response.json());
 /** Simple, tab-first source management for the active Project. */
 export function ProjectDataPage() {
   const router = useRouter();
+  const { activeProject } = useProject();
+  const serverId = activeProject?.id;
   const [activeView, setActiveView] = useState<'all' | 'groups'>('all');
-  const { data } = useSWR<{ groups: DataGroup[] }>(workspaceUrl('/api/groups'), fetcher);
+  const { data } = useSWR<{ groups: DataGroup[] }>(
+    serverId ? workspaceUrl('/api/groups') : null,
+    fetcher,
+  );
   const groups = data?.groups ?? [];
 
   return (