@larkup/workspace-app 0.2.3 → 0.2.7

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

@@ -1 +1 @@
-{"version":3,"file":"chat-workspace.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-workspace.tsx"],"names":[],"mappings":"AAiPA,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,GAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAO,+BAQjE"}
+{"version":3,"file":"chat-workspace.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-workspace.tsx"],"names":[],"mappings":"AAkOA,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,GAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAO,+BAQjE"}

package/dist-types/components/chat/message-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message-item.d.ts","sourceRoot":"","sources":["../../../src/components/chat/message-item.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAEpC,OAAO,0BAA0B,CAAC;AAuBlC,OAAO,EAA4B,KAAK,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEhG,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,MAAM,EACN,WAAW,EACX,aAAa,EACb,QAAQ,EACR,sBAA8B,EAC9B,UAAU,EACV,MAAM,EACN,UAAU,GACX,EAAE;IACD,OAAO,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,8EAA8E;IAC9E,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,UAAU,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACxD,yHAAyH;IACzH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,GAAG,SAAS,KAAK,IAAI,CAAC;CAChF,+BAilBA;AAipBD,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CA4FnD"}
+{"version":3,"file":"message-item.d.ts","sourceRoot":"","sources":["../../../src/components/chat/message-item.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAEpC,OAAO,0BAA0B,CAAC;AAuBlC,OAAO,EAA4B,KAAK,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEhG,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,MAAM,EACN,WAAW,EACX,aAAa,EACb,QAAQ,EACR,sBAA8B,EAC9B,UAAU,EACV,MAAM,EACN,UAAU,GACX,EAAE;IACD,OAAO,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,8EAA8E;IAC9E,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,UAAU,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACxD,yHAAyH;IACzH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,GAAG,SAAS,KAAK,IAAI,CAAC;CAChF,+BAklBA;AAqpBD,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CA4FnD"}

package/dist-types/components/chat/tools/chat-data-table.d.ts

@@ -2,6 +2,7 @@ export interface DataTableConfig {
     columns: string[];
     rows: Record<string, any>[];
     totalRows: number;
+    truncated?: boolean;
     aggregationResults?: Record<string, number>;
 }
 export interface ChatDataTableProps {

package/dist-types/components/chat/tools/chat-data-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-data-table.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/tools/chat-data-table.tsx"],"names":[],"mappings":"AA6BA,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC7C;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,eAAe,CAAC;IACxB;8DAC0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AA0DD,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,OAAe,EAAE,EAAE,kBAAkB,+BAiR5E"}
+{"version":3,"file":"chat-data-table.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/tools/chat-data-table.tsx"],"names":[],"mappings":"AA6BA,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC7C;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,eAAe,CAAC;IACxB;8DAC0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AA0DD,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,OAAe,EAAE,EAAE,kBAAkB,+BAuR5E"}

package/dist-types/components/chat/tools/chat-media-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-media-preview.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/tools/chat-media-preview.tsx"],"names":[],"mappings":"AAMA;;;;;;;GAOG;AAEH,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EACT,OAAO,GACR,EAAE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,eAAe,CAAC;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,sCAwQA;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,SAAS,CAAC,EAAE,MAAM,EAClB,SAAS,CAAC,EAAE,MAAM,EAClB,OAAO,CAAC,EAAE,MAAM,GACf,MAAM,GAAG,SAAS,CAyCpB;AAED,2EAA2E;AAC3E,wBAAgB,mBAAmB,CACjC,SAAS,CAAC,EAAE,MAAM,EAClB,SAAS,CAAC,EAAE,MAAM,EAClB,OAAO,CAAC,EAAE,MAAM,GACf,MAAM,GAAG,SAAS,CAsBpB;AAqDD,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,cAAc,EAAE,CAqB7D"}
+{"version":3,"file":"chat-media-preview.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/tools/chat-media-preview.tsx"],"names":[],"mappings":"AAMA;;;;;;;GAOG;AAEH,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EACT,OAAO,GACR,EAAE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,eAAe,CAAC;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,sCAuRA;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,SAAS,CAAC,EAAE,MAAM,EAClB,SAAS,CAAC,EAAE,MAAM,EAClB,OAAO,CAAC,EAAE,MAAM,GACf,MAAM,GAAG,SAAS,CAyCpB;AAED,2EAA2E;AAC3E,wBAAgB,mBAAmB,CACjC,SAAS,CAAC,EAAE,MAAM,EAClB,SAAS,CAAC,EAAE,MAAM,EAClB,OAAO,CAAC,EAAE,MAAM,GACf,MAAM,GAAG,SAAS,CAsBpB;AAqDD,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,cAAc,EAAE,CAqB7D"}

package/dist-types/lib/chat/message-compaction.d.ts

@@ -0,0 +1,2 @@
+export declare function compactToolResult(value: any): any;
+//# sourceMappingURL=message-compaction.d.ts.map

package/dist-types/lib/chat/message-compaction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-compaction.d.ts","sourceRoot":"","sources":["../../../src/lib/chat/message-compaction.ts"],"names":[],"mappings":"AAAA,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,GAAG,GAAG,GAAG,CAwBjD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@larkup/workspace-app",
-  "version": "0.2.3",
+  "version": "0.2.7",
   "type": "module",
   "description": "Canonical Larkup chat, data and settings pages with host adapters",
   "files": [
@@ -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.2",
-    "@larkup/workspace-ui": "0.2.0",
-    "@larkup/integrations": "0.2.1"
+    "@larkup/workspace-ui": "0.2.0"
   },
   "peerDependencies": {
     "react": ">=19",

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

@@ -4,6 +4,7 @@ import { workspaceUrl, workspaceFetch as fetch } from '../../host';
 import { useState, useRef, useEffect, useMemo, useCallback } from 'react';
 import { useChat } from '@ai-sdk/react';
 import { DefaultChatTransport } from 'ai';
+import { compactToolResult } from '../../lib/chat/message-compaction';
 import type { RagConfig } from '@larkup/core/types';
 import {
   ArrowUp,
@@ -88,22 +89,6 @@ const fetcher = async <T,>(url: string): Promise<T> => {
   return payload as T;
 };
 
-function compactToolResult(value: any): any {
-  if (!value || typeof value !== 'object') return value;
-  if (value.type === 'json' && 'value' in value) {
-    return { ...value, value: compactToolResult(value.value) };
-  }
-
-  const compact = { ...value };
-  if (Array.isArray(compact.rows)) compact.rows = compact.rows.slice(0, 50);
-  if (Array.isArray(compact.data)) compact.data = compact.data.slice(0, 100);
-  if (typeof compact.stdout === 'string') compact.stdout = compact.stdout.slice(0, 4_000);
-  if (typeof compact.stderr === 'string') compact.stderr = compact.stderr.slice(0, 1_000);
-  if (typeof compact.fileBase64 === 'string') delete compact.fileBase64;
-  if (Array.isArray(compact.pages)) delete compact.pages;
-  return compact;
-}
-
 /**
  * Compact messages for the LLM context to prevent massive payloads (like chart data,
  * table rows, and document base64s) from bloating the request and exceeding token limits.

package/src/components/chat/message-item.tsx

@@ -519,6 +519,7 @@ export function MessageItem({
     return {
       toolCallId,
       percent: smoothPendingToolProgress(pendingToolStartedAt.current[toolCallId], progressClock),
+      indeterminate: true,
       label: behavior.pendingLabel || 'Working…',
       message: behavior.pendingLabel || 'Working…',
     };
@@ -902,6 +903,7 @@ function renderToolPart(
   toolProgress?: {
     toolCallId: string;
     percent: number;
+    indeterminate?: boolean;
     label: string;
     message?: string;
   } | null,
@@ -929,7 +931,9 @@ function renderToolPart(
     // Past the point where the remaining work has a measurable size, a
     // percentage is a claim we cannot back. Drop it and shuttle the bar
     // instead, so the wait still reads as active rather than stalled.
-    const indeterminate = liveProgress ? isIndeterminateProgress(liveProgress.percent) : false;
+    const indeterminate = liveProgress
+      ? liveProgress.indeterminate === true || isIndeterminateProgress(liveProgress.percent)
+      : false;
 
     return (
       <div key={index} className="flex min-w-0 flex-col gap-1.5 py-3">
@@ -1045,6 +1049,7 @@ function renderToolPart(
           columns: output.columns ?? [],
           rows: output.rows ?? [],
           totalRows: output.totalRows ?? 0,
+          truncated: output.truncated,
           aggregationResults: output.aggregationResults,
         };
         if (tableConfig.rows.length === 0 && !tableConfig.aggregationResults) return null;

package/src/components/chat/tools/chat-data-table.tsx

@@ -31,6 +31,7 @@ export interface DataTableConfig {
   columns: string[];
   rows: Record<string, any>[];
   totalRows: number;
+  truncated?: boolean;
   aggregationResults?: Record<string, number>;
 }
 
@@ -104,6 +105,7 @@ export function ChatDataTable({ config, compact = false }: ChatDataTableProps) {
   );
   const { columns, rows } = normalized;
   const { totalRows, aggregationResults } = config;
+  const isPartialResult = config.truncated === true || totalRows > rows.length;
   const [sortCol, setSortCol] = useState<string | null>(null);
   const [sortDir, setSortDir] = useState<'asc' | 'desc'>('asc');
   const [page, setPage] = useState(0);
@@ -173,7 +175,7 @@ export function ChatDataTable({ config, compact = false }: ChatDataTableProps) {
   }
 
   if (compact && !isExpanded) {
-    const count = totalRows || rows.length;
+    const count = rows.length;
     return (
       <button
         type="button"
@@ -183,7 +185,9 @@ export function ChatDataTable({ config, compact = false }: ChatDataTableProps) {
         <Table2 className="size-3.5" />
         <span>Data checked</span>
         <span className="rounded-full bg-secondary px-1.5 py-0.5 text-[10px] tabular-nums text-foreground">
-          {count.toLocaleString()} {count === 1 ? 'row' : 'rows'}
+          {count.toLocaleString()}
+          {isPartialResult ? ` of ${totalRows.toLocaleString()}` : ''}{' '}
+          {totalRows === 1 ? 'row' : 'rows'}
         </span>
       </button>
     );
@@ -318,8 +322,11 @@ export function ChatDataTable({ config, compact = false }: ChatDataTableProps) {
       <div className="flex items-center justify-between border-t border-border/30 px-3 py-2">
         <div className="flex items-center gap-2">
           <span className="text-[11px] text-muted-foreground">
-            {filteredRows.length !== rows.length ? `${filteredRows.length} matched of ` : ''}
-            {totalRows.toLocaleString()} rows
+            {filteredRows.length !== rows.length
+              ? `${filteredRows.length.toLocaleString()} matched in ${rows.length.toLocaleString()} returned rows`
+              : isPartialResult
+                ? `${rows.length.toLocaleString()} shown of ${totalRows.toLocaleString()} matching rows`
+                : `${rows.length.toLocaleString()} rows`}
           </span>
           <div className="h-3 w-px bg-border/40" />
           <div className="flex items-center gap-1.5">

package/src/components/chat/tools/chat-media-preview.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useEffect, useMemo, useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { Image as ImageIcon, Film, AudioLines, Maximize2, X } from 'lucide-react';
 import { workspaceUrl } from '../../../host';
 
@@ -32,6 +32,7 @@ export function ChatMediaPreview({
 }) {
   const [expanded, setExpanded] = useState(false);
   const [imageUnavailable, setImageUnavailable] = useState(false);
+  const [videoUnavailable, setVideoUnavailable] = useState(false);
   const videoRef = useRef<HTMLVideoElement>(null);
   // Media is rendered only from a server-validated presentMedia result. Do
   // not invent a URL from an identifier emitted in model text: it could point
@@ -42,10 +43,6 @@ export function ChatMediaPreview({
     assetUrl && startSecs !== undefined
       ? `${assetUrl.split('#')[0]}#t=${startSecs}${endSecs !== undefined ? `,${endSecs}` : ''}`
       : assetUrl;
-  const providerEmbedUrl = useMemo(
-    () => (mediaType === 'video' ? getProviderEmbedUrl(sourceUrl, startSecs, endSecs) : undefined),
-    [mediaType, sourceUrl, startSecs, endSecs],
-  );
   const hasClipEnd =
     mediaType === 'video' &&
     Number.isFinite(startSecs) &&
@@ -133,35 +130,53 @@ export function ChatMediaPreview({
   }
 
   if (mediaType === 'video') {
+    if (videoUnavailable) {
+      return (
+        <div className="my-2 w-full max-w-2xl overflow-hidden rounded-lg border border-border bg-card">
+          <div className="flex aspect-video items-center justify-center bg-muted/30 px-6 text-center">
+            <div>
+              <Film className="mx-auto mb-2 size-6 text-muted-foreground" />
+              <p className="text-sm font-medium text-foreground">Preview unavailable</p>
+              <p className="mt-1 text-xs text-muted-foreground">
+                Open the original source to watch this cited moment.
+              </p>
+            </div>
+          </div>
+          <MediaCitationFooter
+            icon={<Film className="size-3 text-muted-foreground" />}
+            fileName={fileName}
+            sourceUrl={timestampedMediaUrl(sourceUrl, startSecs, endSecs)}
+            timestamp={
+              startSecs !== undefined
+                ? `${formatTimestamp(startSecs)}${
+                    endSecs !== undefined ? ` – ${formatTimestamp(endSecs)}` : ''
+                  }`
+                : undefined
+            }
+          />
+        </div>
+      );
+    }
     return (
       <div className="my-2 w-full max-w-2xl overflow-hidden rounded-lg border border-border bg-card">
-        {providerEmbedUrl ? (
-          <iframe
-            src={providerEmbedUrl}
-            title={fileName ? `Watch ${fileName}` : 'Video preview'}
-            className="aspect-video w-full bg-black"
-            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-            allowFullScreen
-          />
-        ) : (
-          <video
-            ref={videoRef}
-            src={playbackUrl}
-            controls
-            playsInline
-            preload="metadata"
-            className="max-h-90 w-full bg-black object-contain"
-            onTimeUpdate={(event) => {
-              // Media-fragment end times are not enforced consistently by
-              // browsers. Stop local playback at the cited evidence boundary
-              // so a supporting clip never continues into unrelated footage.
-              if (hasClipEnd && event.currentTarget.currentTime >= (endSecs as number)) {
-                event.currentTarget.pause();
-                event.currentTarget.currentTime = endSecs as number;
-              }
-            }}
-          />
-        )}
+        <video
+          ref={videoRef}
+          src={playbackUrl}
+          controls
+          playsInline
+          preload="metadata"
+          className="max-h-90 w-full bg-black object-contain"
+          onError={() => setVideoUnavailable(true)}
+          onTimeUpdate={(event) => {
+            // Media-fragment end times are not enforced consistently by
+            // browsers. Stop local playback at the cited evidence boundary
+            // so a supporting clip never continues into unrelated footage.
+            if (hasClipEnd && event.currentTarget.currentTime >= (endSecs as number)) {
+              event.currentTarget.pause();
+              event.currentTarget.currentTime = endSecs as number;
+            }
+          }}
+        />
         <MediaCitationFooter
           icon={<Film className="size-3 text-muted-foreground" />}
           fileName={fileName}

package/src/lib/chat/message-compaction.ts

@@ -0,0 +1,25 @@
+export function compactToolResult(value: any): any {
+  if (!value || typeof value !== 'object') return value;
+  if (value.type === 'json' && 'value' in value) {
+    return { ...value, value: compactToolResult(value.value) };
+  }
+
+  const compact = { ...value };
+  if (Array.isArray(compact.rows)) compact.rows = compact.rows.slice(0, 50);
+  if (Array.isArray(compact.data)) compact.data = compact.data.slice(0, 100);
+  if (typeof compact.stdout === 'string') compact.stdout = compact.stdout.slice(0, 4_000);
+  if (typeof compact.stderr === 'string') compact.stderr = compact.stderr.slice(0, 1_000);
+  if (typeof compact.fileBase64 === 'string') delete compact.fileBase64;
+  if (Array.isArray(compact.pages)) {
+    compact.pages = compact.pages.slice(0, 3).flatMap((page: any) => {
+      if (!page || typeof page !== 'object' || !Number.isInteger(page.pageNumber)) return [];
+      return [
+        {
+          pageNumber: page.pageNumber,
+          ...(typeof page.previewUrl === 'string' ? { previewUrl: page.previewUrl } : {}),
+        },
+      ];
+    });
+  }
+  return compact;
+}