@larkup/workspace-app 0.2.1 → 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,+BAwsBA"}
+{"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/dist-types/components/data/upload-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"upload-panel.d.ts","sourceRoot":"","sources":["../../../src/components/data/upload-panel.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AA2E/D,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,cAAc,EACd,OAAO,GACR,EAAE;IACD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5D,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,+BA+qCA"}
+{"version":3,"file":"upload-panel.d.ts","sourceRoot":"","sources":["../../../src/components/data/upload-panel.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAiF/D,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,cAAc,EACd,OAAO,GACR,EAAE;IACD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5D,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,+BAuuCA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@larkup/workspace-app",
-  "version": "0.2.1",
+  "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,12 +97,15 @@ export function CorpusPanel({
   activeVideoRuntimeScope: VideoRuntimeScope;
   initialGroupId?: string;
   isLoading?: boolean;
+  error?: string;
 }) {
   const [active, setActive] = useState<SourceDocument | null>(null);
   const [deleteTask, setDeleteTask] = useState<
     { type: 'single'; doc: SourceDocument } | { type: 'all' } | { type: 'selected' } | null
   >(null);
   const [selectedIds, setSelectedIds] = useState<Set<string>>(new Set());
+  const [deletedIds, setDeletedIds] = useState<Set<string>>(new Set());
+  const [clearingAll, setClearingAll] = useState(false);
   const [movingGroupId, setMovingGroupId] = useState<string | null>(null);
   const [inspectorDoc, setInspectorDoc] = useState<SourceDocument | null>(null);
 
@@ -143,9 +147,18 @@ export function CorpusPanel({
         others.push(doc);
       }
     }
-    return [...Array.from(grouped.values()), ...others].sort(
-      (a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime(),
-    );
+    return [...Array.from(grouped.values()), ...others]
+      .filter((document) => !deletedIds.has(document.id))
+      .sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime());
+  }, [deletedIds, documents]);
+
+  useEffect(() => {
+    setDeletedIds((current) => {
+      const documentIds = new Set(documents.map((document) => document.id));
+      const pending = new Set(Array.from(current).filter((id) => documentIds.has(id)));
+      return pending.size === current.size ? current : pending;
+    });
+    if (documents.length === 0) setClearingAll(false);
   }, [documents]);
 
   const filteredDocuments = groupedDocuments.filter(
@@ -182,6 +195,8 @@ export function CorpusPanel({
   }
 
   async function del(id: string, doc?: SourceDocument) {
+    setDeleteTask(null);
+    setDeletedIds((current) => new Set(current).add(id));
     try {
       if (doc?.metadata?.isGroup && doc?.metadata?.mediaAssetId) {
         await deleteRequest(workspaceUrl(`/api/media?id=${doc.metadata.mediaAssetId}`));
@@ -196,12 +211,20 @@ export function CorpusPanel({
       await onChanged();
       toast.success('Document deleted');
     } catch (error) {
+      setDeletedIds((current) => {
+        const next = new Set(current);
+        next.delete(id);
+        return next;
+      });
       toast.error(formatErrorMessage(error) || 'Could not delete this document.');
     }
   }
   async function delSelected() {
     if (selectedIds.size === 0) return;
     const toDelete = groupedDocuments.filter((d) => selectedIds.has(d.id));
+    const deletionIds = new Set(toDelete.map((document) => document.id));
+    setDeleteTask(null);
+    setDeletedIds((current) => new Set([...current, ...deletionIds]));
     try {
       for (const doc of toDelete) {
         if (doc.metadata?.isGroup && doc.metadata?.mediaAssetId) {
@@ -214,16 +237,24 @@ export function CorpusPanel({
       await onChanged();
       toast.success(`Deleted ${toDelete.length} item(s)`);
     } catch (error) {
+      setDeletedIds((current) => {
+        const next = new Set(current);
+        for (const id of deletionIds) next.delete(id);
+        return next;
+      });
       toast.error(formatErrorMessage(error) || 'Could not delete the selected documents.');
     }
   }
   async function clearAll() {
+    setDeleteTask(null);
+    setClearingAll(true);
     try {
       await deleteRequest(workspaceUrl('/api/documents'));
       setSelectedIds(new Set());
       await onChanged();
       toast.success('Corpus and vector index cleared');
     } catch (error) {
+      setClearingAll(false);
       toast.error(formatErrorMessage(error) || 'Could not clear the corpus.');
     }
   }
@@ -299,7 +330,22 @@ export function CorpusPanel({
     return <CorpusSkeleton />;
   }
 
-  if (documents.length === 0) {
+  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">
         <div className="size-10 p-1.5 bg-white/60 border border-border  rounded-md flex items-center justify-center">
@@ -1144,7 +1190,11 @@ function DocumentDialog({
 
 function CorpusSkeleton() {
   return (
-    <div className="space-y-4 animate-in fade-in duration-150">
+    <div
+      role="status"
+      aria-label="Loading corpus"
+      className="space-y-4 animate-in fade-in duration-150"
+    >
       {/* Filter bar skeleton */}
       <div className="flex flex-col gap-3 sm:flex-row sm:items-center justify-between pb-3">
         <div className="flex flex-wrap items-center gap-2">

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 (

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

@@ -83,6 +83,12 @@ interface ImageIndexingCapability {
   message?: string;
 }
 
+interface PreparingFile {
+  id: string;
+  name: string;
+  size: number;
+}
+
 const stagedFilesByScope = new Map<string, StagedFile[]>();
 const UPLOAD_QUEUE_KEY = 'larkup.upload-queue.v1';
 
@@ -179,6 +185,7 @@ export function UploadPanel({
   const [remoteUrl, setRemoteUrl] = useState('');
   const [loadingRemoteFile, setLoadingRemoteFile] = useState(false);
   const [saving, setSaving] = useState(false);
+  const [preparingFiles, setPreparingFiles] = useState<PreparingFile[]>([]);
   const [progress, setProgress] = useState<{
     message?: string;
     current: number;
@@ -196,7 +203,17 @@ export function UploadPanel({
     const joinedActiveSave = savingRef.current;
     const next: StagedFile[] = [];
     const stage = (file: StagedFile) => next.push({ ...file, sourceUrl });
-    for (const file of Array.from(files)) {
+    const selectedFiles = Array.from(files).map((file) => ({
+      file,
+      pending: {
+        id: Math.random().toString(36).slice(2),
+        name: file.name,
+        size: file.size,
+      },
+    }));
+    setPreparingFiles((current) => [...current, ...selectedFiles.map(({ pending }) => pending)]);
+
+    for (const { file, pending } of selectedFiles) {
       const ext = file.name.split('.').pop()?.toLowerCase();
 
       // Prevent dragging media into the documents tab
@@ -205,10 +222,11 @@ export function UploadPanel({
         toast.error(
           `Unsupported file type: ${file.name}. Please upload media files in the Media tab.`,
         );
+        setPreparingFiles((current) => current.filter((item) => item.id !== pending.id));
         continue;
       }
 
-      const id = Math.random().toString(36).slice(2);
+      const id = pending.id;
       try {
         if (ext === 'csv') {
           const content = await file.text();
@@ -320,12 +338,18 @@ export function UploadPanel({
           });
 
           const data = await res.json().catch(() => ({}));
-          if (!res.ok) {
+          const legacyImageOnlyPdf =
+            ext === 'pdf' &&
+            res.status === 422 &&
+            /(?:no readable text|does not contain selectable text)/i.test(String(data.error ?? ''));
+          if (!res.ok && !legacyImageOnlyPdf) {
             throw new Error(data.error || `Could not extract text from ${file.name}`);
           }
 
           const { text } = data;
-          const hasReadableText = data.hasReadableText ?? Boolean(text?.trim());
+          const hasReadableText = legacyImageOnlyPdf
+            ? false
+            : (data.hasReadableText ?? Boolean(text?.trim()));
           const imageOnlyPdf = ext === 'pdf' && !hasReadableText;
           if (!hasReadableText && !imageOnlyPdf) {
             throw new Error(
@@ -363,6 +387,8 @@ export function UploadPanel({
         }
       } catch (err) {
         toast.error(`Could not read ${file.name}. ${formatErrorMessage(err)}`);
+      } finally {
+        setPreparingFiles((current) => current.filter((item) => item.id !== pending.id));
       }
     }
     setStaged((prev) => [...prev, ...next]);
@@ -687,7 +713,7 @@ export function UploadPanel({
   }
 
   useEffect(() => {
-    const actionBusy = saving || loadingRemoteFile;
+    const actionBusy = saving || loadingRemoteFile || preparingFiles.length > 0;
     onActionChange?.({
       label: 'Add file',
       onClick: isRemoteEntry ? () => void loadRemoteFile() : () => void ingest(),
@@ -695,7 +721,16 @@ export function UploadPanel({
       loading: actionBusy,
     });
     return () => onActionChange?.(null);
-  }, [entryTab, staged, saving, remoteUrl, loadingRemoteFile, groupId, onActionChange]);
+  }, [
+    entryTab,
+    staged,
+    saving,
+    remoteUrl,
+    loadingRemoteFile,
+    preparingFiles.length,
+    groupId,
+    onActionChange,
+  ]);
 
   function updateEditingFile(patch: Partial<StagedFile>) {
     setStaged((prev) => prev.map((f) => (f.id === editingFileId ? { ...f, ...patch } : f)));
@@ -775,6 +810,30 @@ export function UploadPanel({
         }}
       />
 
+      {preparingFiles.length > 0 && (
+        <div
+          role="status"
+          aria-live="polite"
+          className="space-y-2 rounded-md border border-border bg-card px-3 py-3"
+        >
+          <div className="flex items-center gap-2 text-sm font-medium">
+            <Loader2 className="size-4 animate-spin text-primary" />
+            Preparing {preparingFiles.length} file{preparingFiles.length === 1 ? '' : 's'}…
+          </div>
+          <ul className="space-y-1">
+            {preparingFiles.map((file) => (
+              <li
+                key={file.id}
+                className="flex items-center justify-between gap-3 text-xs text-muted-foreground"
+              >
+                <span className="truncate font-mono">{file.name}</span>
+                <span className="shrink-0 tabular-nums">{(file.size / 1024).toFixed(1)} KB</span>
+              </li>
+            ))}
+          </ul>
+        </div>
+      )}
+
       {staged.length > 0 && (
         <div className="space-y-2 pb-5">
           {staged.some((file) => file.name.toLowerCase().endsWith('.pdf')) &&
@@ -987,10 +1046,13 @@ export function UploadPanel({
         <Button
           onClick={isRemoteEntry ? () => void loadRemoteFile() : () => void ingest()}
           disabled={
-            loadingRemoteFile || saving || (isRemoteEntry ? !remoteUrl.trim() : staged.length === 0)
+            loadingRemoteFile ||
+            saving ||
+            preparingFiles.length > 0 ||
+            (isRemoteEntry ? !remoteUrl.trim() : staged.length === 0)
           }
         >
-          {loadingRemoteFile || saving ? (
+          {loadingRemoteFile || saving || preparingFiles.length > 0 ? (
             <Loader2 className="size-4 animate-spin" />
           ) : (
             <FileUp className="size-4" />