veryfront 0.1.997 → 0.1.998

package/esm/src/workflow/blob/local-storage.js

@@ -0,0 +1,179 @@
+import * as dntShim from "../../../_dnt.shims.js";
+import { dirname, join } from "../../platform/compat/path/index.js";
+import { createFileSystem } from "../../platform/compat/fs.js";
+import { agentLogger } from "../../utils/index.js";
+import { INVALID_ARGUMENT } from "../../errors/index.js";
+const logger = agentLogger.component("local-blob-storage");
+export class LocalBlobStorage {
+    rootDir;
+    baseUrl;
+    fs;
+    now;
+    constructor(rootDir, baseUrl, options) {
+        this.rootDir = rootDir;
+        this.baseUrl = baseUrl;
+        this.fs = createFileSystem();
+        this.now = options?.now ?? (() => new Date());
+    }
+    getPath(id) {
+        // Partition by first 2 chars to avoid too many files in one dir
+        const prefix = id.slice(0, 2);
+        return join(this.rootDir, prefix, id);
+    }
+    getMetadataPath(id) {
+        return `${this.getPath(id)}.meta.json`;
+    }
+    async put(data, options = {}) {
+        const id = options.id ?? dntShim.crypto.randomUUID();
+        const filePath = this.getPath(id);
+        const metaPath = this.getMetadataPath(id);
+        await this.fs.mkdir(dirname(filePath), { recursive: true });
+        const { bytes, size } = await this.normalizeToBytes(data);
+        await this.fs.writeFile(filePath, bytes);
+        const createdAt = this.now();
+        const expiresAt = options.ttl ? new Date(createdAt.getTime() + options.ttl * 1000) : undefined;
+        const ref = {
+            __kind: "blob",
+            id,
+            size,
+            mimeType: options.mimeType ?? "application/octet-stream",
+            createdAt,
+            expiresAt,
+            metadata: options.metadata,
+            url: this.baseUrl ? `${this.baseUrl}/${id}` : undefined,
+        };
+        await this.fs.writeTextFile(metaPath, JSON.stringify(ref));
+        return ref;
+    }
+    async normalizeToBytes(data) {
+        if (typeof data === "string") {
+            const bytes = new TextEncoder().encode(data);
+            return { bytes, size: bytes.length };
+        }
+        if (data instanceof Uint8Array)
+            return { bytes: data, size: data.length };
+        if (data instanceof Blob) {
+            const bytes = new Uint8Array(await data.arrayBuffer());
+            return { bytes, size: data.size };
+        }
+        if (data instanceof ReadableStream) {
+            // Normalize stream to bytes for cross-runtime compatibility
+            const bytes = new Uint8Array(await new Response(data).arrayBuffer());
+            return { bytes, size: bytes.length };
+        }
+        throw INVALID_ARGUMENT.create({ detail: "Unsupported data type for LocalBlobStorage" });
+    }
+    async getStream(id) {
+        const bytes = await this.getBytes(id);
+        if (!bytes)
+            return null;
+        // Create a minimal cross-runtime ReadableStream from the bytes
+        return new ReadableStream({
+            start(controller) {
+                controller.enqueue(bytes);
+                controller.close();
+            },
+        });
+    }
+    async getText(id) {
+        try {
+            return await this.fs.readTextFile(this.getPath(id));
+        }
+        catch (_) {
+            /* expected: file not found returns null */
+            return null;
+        }
+    }
+    async getBytes(id) {
+        try {
+            return await this.fs.readFile(this.getPath(id));
+        }
+        catch (_) {
+            /* expected: file not found returns null */
+            return null;
+        }
+    }
+    async delete(id) {
+        try {
+            await this.fs.remove(this.getPath(id));
+            await this.fs.remove(this.getMetadataPath(id));
+        }
+        catch (_) {
+            /* expected: file may not exist during cleanup */
+        }
+    }
+    async exists(id) {
+        return this.fs.exists(this.getPath(id));
+    }
+    async stat(id) {
+        try {
+            const json = await this.fs.readTextFile(this.getMetadataPath(id));
+            const data = JSON.parse(json);
+            return {
+                ...data,
+                createdAt: new Date(data.createdAt),
+                expiresAt: data.expiresAt ? new Date(data.expiresAt) : undefined,
+            };
+        }
+        catch (_) {
+            /* expected: metadata file not found or invalid JSON */
+            return null;
+        }
+    }
+    /**
+     * Enumerate every stored (non-expired) blob, newest first. Walks the same
+     * two-char-prefix partitions as {@link cleanupExpiredBlobs}, reading each
+     * `.meta.json` sidecar. Used by the chat upload handler's list endpoint.
+     */
+    async list() {
+        const now = this.now();
+        const refs = [];
+        for (let i = 0; i < 256; i++) {
+            const prefix = i.toString(16).padStart(2, "0");
+            const prefixDir = join(this.rootDir, prefix);
+            try {
+                for await (const entry of this.fs.readDir(prefixDir)) {
+                    if (!entry.isFile || !entry.name.endsWith(".meta.json"))
+                        continue;
+                    const id = entry.name.replace(".meta.json", "");
+                    const ref = await this.stat(id);
+                    if (!ref)
+                        continue;
+                    if (ref.expiresAt && ref.expiresAt < now)
+                        continue;
+                    refs.push(ref);
+                }
+            }
+            catch (_) {
+                /* expected: partition directory may not exist yet */
+            }
+        }
+        return refs.sort((a, b) => b.createdAt.getTime() - a.createdAt.getTime());
+    }
+    /**
+     * Cleans up all expired blobs from storage.
+     * This method should typically be run periodically by an external process.
+     */
+    async cleanupExpiredBlobs() {
+        const now = this.now();
+        for (let i = 0; i < 256; i++) {
+            const prefix = i.toString(16).padStart(2, "0");
+            const prefixDir = join(this.rootDir, prefix);
+            try {
+                for await (const entry of this.fs.readDir(prefixDir)) {
+                    if (!entry.isFile || !entry.name.endsWith(".meta.json"))
+                        continue;
+                    const id = entry.name.replace(".meta.json", "");
+                    const blobRef = await this.stat(id);
+                    if (!blobRef?.expiresAt || blobRef.expiresAt >= now)
+                        continue;
+                    logger.debug(`Deleting expired blob: ${id}`);
+                    await this.delete(id);
+                }
+            }
+            catch (_) {
+                /* expected: directory may not exist yet */
+            }
+        }
+    }
+}

package/esm/src/workflow/blob/types.d.ts

@@ -27,5 +27,10 @@ export interface BlobStorage {
     delete(id: string): Promise<void>;
     exists(id: string): Promise<boolean>;
     stat(id: string): Promise<BlobRef | null>;
+    /**
+     * Enumerate stored blobs, newest first. Optional — only backends that can
+     * cheaply list (e.g. local disk) implement it; callers must feature-detect.
+     */
+    list?(): Promise<BlobRef[]>;
 }
 //# sourceMappingURL=types.d.ts.map

package/esm/src/workflow/blob/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/src/workflow/blob/types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,WAAW,OAAO;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,IAAI,CAAC;IAChB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,WAAW;IAC1B,GAAG,CACD,IAAI,EAAE,MAAM,GAAG,UAAU,GAAG,IAAI,GAAG,cAAc,EACjD,OAAO,CAAC,EAAE,gBAAgB,GACzB,OAAO,CAAC,OAAO,CAAC,CAAC;IACpB,SAAS,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACtD,OAAO,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACrC,IAAI,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;CAC3C"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/src/workflow/blob/types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,WAAW,OAAO;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,IAAI,CAAC;IAChB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,WAAW;IAC1B,GAAG,CACD,IAAI,EAAE,MAAM,GAAG,UAAU,GAAG,IAAI,GAAG,cAAc,EACjD,OAAO,CAAC,EAAE,gBAAgB,GACzB,OAAO,CAAC,OAAO,CAAC,CAAC;IACpB,SAAS,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACtD,OAAO,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACrC,IAAI,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IAC1C;;;OAGG;IACH,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;CAC7B"}

package/esm/src/workflow/blob/veryfront-cloud-storage.d.ts

@@ -25,6 +25,17 @@ export declare class VeryfrontCloudBlobStorage implements BlobStorage {
     delete(id: string): Promise<void>;
     exists(id: string): Promise<boolean>;
     stat(id: string): Promise<BlobRef | null>;
+    /**
+     * Enumerate blobs under this store's prefix, newest first. The list endpoint
+     * (`GET /projects/{slug}/uploads`) carries only paths — the original filename
+     * lives in each blob's sidecar — so ids are recovered from the `.blob` data
+     * paths and enriched via {@link stat} (one extra request per blob). Suitable
+     * for an uploads panel; not a hot path.
+     *
+     * Note: a single page is fetched. If the project accumulates more uploads than
+     * one page, pagination will need wiring here.
+     */
+    list(): Promise<BlobRef[]>;
     private resolveConfig;
     private assertSafeBlobId;
     private getDataPath;

package/esm/src/workflow/blob/veryfront-cloud-storage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"veryfront-cloud-storage.d.ts","sourceRoot":"","sources":["../../../../src/src/workflow/blob/veryfront-cloud-storage.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AA0DzE,MAAM,WAAW,+BAA+B;IAC9C,iFAAiF;IACjF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0EAA0E;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,GAAG,CAAC,EAAE,MAAM,IAAI,CAAC;CAClB;AA6FD,qBAAa,yBAA0B,YAAW,WAAW;IAC3D,OAAO,CAAC,MAAM,CAAkC;gBAEpC,MAAM,GAAE,+BAAoC;IAIlD,GAAG,CACP,IAAI,EAAE,MAAM,GAAG,UAAU,GAAG,IAAI,GAAG,cAAc,EACjD,OAAO,GAAE,gBAAqB,GAC7B,OAAO,CAAC,OAAO,CAAC;IAkEb,SAAS,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC;IAKrD,OAAO,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;IAM3C,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC;IAMhD,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAUjC,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IAIpC,IAAI,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;IA0B/C,OAAO,CAAC,aAAa;IA8BrB,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,eAAe;YAKT,UAAU;YA2CV,iBAAiB;YAkBjB,YAAY;YAgBZ,cAAc;YAwBd,cAAc;YAuBd,kBAAkB;YASlB,WAAW;CAwC1B"}
+{"version":3,"file":"veryfront-cloud-storage.d.ts","sourceRoot":"","sources":["../../../../src/src/workflow/blob/veryfront-cloud-storage.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAiEzE,MAAM,WAAW,+BAA+B;IAC9C,iFAAiF;IACjF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0EAA0E;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,GAAG,CAAC,EAAE,MAAM,IAAI,CAAC;CAClB;AA6FD,qBAAa,yBAA0B,YAAW,WAAW;IAC3D,OAAO,CAAC,MAAM,CAAkC;gBAEpC,MAAM,GAAE,+BAAoC;IAIlD,GAAG,CACP,IAAI,EAAE,MAAM,GAAG,UAAU,GAAG,IAAI,GAAG,cAAc,EACjD,OAAO,GAAE,gBAAqB,GAC7B,OAAO,CAAC,OAAO,CAAC;IAkEb,SAAS,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC;IAKrD,OAAO,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;IAM3C,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC;IAMhD,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAUjC,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IAIpC,IAAI,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;IA0B/C;;;;;;;;;OASG;IACG,IAAI,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;IA2BhC,OAAO,CAAC,aAAa;IA8BrB,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,eAAe;YAKT,UAAU;YA2CV,iBAAiB;YAkBjB,YAAY;YAgBZ,cAAc;YAwBd,cAAc;YAuBd,kBAAkB;YASlB,WAAW;CAwC1B"}

package/esm/src/workflow/blob/veryfront-cloud-storage.js

@@ -30,6 +30,9 @@ const getUploadSignedUrlResponseSchema = defineSchema((v) => v.object({
     signed_url: v.string().url(),
     expires_at: v.string(),
 }));
+const getUploadListResponseSchema = defineSchema((v) => v.object({
+    data: v.array(v.object({ path: v.string().optional() }).passthrough()).optional(),
+}));
 const getBlobMetadataSchema = defineSchema((v) => v.object({
     version: v.literal(1),
     id: v.string(),
@@ -42,6 +45,7 @@ const getBlobMetadataSchema = defineSchema((v) => v.object({
 const UploadCreateResponseSchema = lazySchema(getUploadCreateResponseSchema);
 const UploadMetadataResponseSchema = lazySchema(getUploadMetadataResponseSchema);
 const UploadSignedUrlResponseSchema = lazySchema(getUploadSignedUrlResponseSchema);
+const UploadListResponseSchema = lazySchema(getUploadListResponseSchema);
 const BlobMetadataSchema = lazySchema(getBlobMetadataSchema);
 function normalizePrefix(prefix) {
     const value = (prefix ?? DEFAULT_PREFIX).trim().replace(/^\/+/, "");
@@ -216,6 +220,38 @@ export class VeryfrontCloudBlobStorage {
         const ref = mapUploadMetadataToRef(upload, id);
         return await attachSignedUrl(ref, dataPath, resolved, this.getDownloadUrl.bind(this));
     }
+    /**
+     * Enumerate blobs under this store's prefix, newest first. The list endpoint
+     * (`GET /projects/{slug}/uploads`) carries only paths — the original filename
+     * lives in each blob's sidecar — so ids are recovered from the `.blob` data
+     * paths and enriched via {@link stat} (one extra request per blob). Suitable
+     * for an uploads panel; not a hot path.
+     *
+     * Note: a single page is fetched. If the project accumulates more uploads than
+     * one page, pagination will need wiring here.
+     */
+    async list() {
+        const resolved = this.resolveConfig();
+        const raw = await this.requestJson("GET", `/projects/${encodeURIComponent(resolved.projectSlug)}/uploads`, resolved, { headers: { Accept: "application/json" }, allowNotFound: true });
+        if (!raw)
+            return [];
+        const parsed = UploadListResponseSchema.parse(raw);
+        const ids = [];
+        for (const item of parsed.data ?? []) {
+            const path = item.path;
+            // Only the data objects under our prefix — skip `.meta.json` sidecars and
+            // anything another store namespaced elsewhere.
+            if (!path || !path.startsWith(resolved.prefix) || !path.endsWith(DATA_SUFFIX))
+                continue;
+            const id = path.slice(resolved.prefix.length, path.length - DATA_SUFFIX.length);
+            if (SAFE_BLOB_ID_PATTERN.test(id))
+                ids.push(id);
+        }
+        const refs = await Promise.all(ids.map((id) => this.stat(id)));
+        return refs
+            .filter((ref) => ref !== null)
+            .sort((a, b) => b.createdAt.getTime() - a.createdAt.getTime());
+    }
     resolveConfig() {
         const apiBaseUrl = this.config.apiBaseUrl ?? getVeryfrontCloudBootstrap().apiBaseUrl;
         const apiToken = this.config.apiToken ?? getVeryfrontCloudAuthToken();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "veryfront",
-  "version": "0.1.997",
+  "version": "0.1.998",
   "description": "The simplest way to build AI-powered apps",
   "keywords": [
     "react",
@@ -61,6 +61,10 @@
       "import": "./esm/src/chat/types.js",
       "types": "./esm/src/chat/types.d.ts"
     },
+    "./chat/uploads": {
+      "import": "./esm/src/chat/upload-handler.js",
+      "types": "./esm/src/chat/upload-handler.d.ts"
+    },
     "./markdown": {
       "import": "./esm/src/markdown/index.js",
       "types": "./esm/src/markdown/index.d.ts"

package/esm/src/react/components/chat/chat/components/uploads-panel.d.ts

@@ -1,20 +0,0 @@
-import * as React from "../../../../../../react/react.js";
-/** Public API contract for uploaded file. */
-export interface UploadedFile {
-    id: string;
-    name: string;
-    size?: number;
-    type?: string;
-    url?: string;
-}
-/** Props accepted by uploads panel. */
-export interface UploadsPanelProps {
-    uploads?: UploadedFile[];
-    onRemoveUpload?: (id: string) => void;
-    onAttach?: (files: FileList) => void;
-    attachAccept?: string;
-    className?: string;
-}
-/** Render uploads panel. */
-export declare function UploadsPanel({ uploads, onRemoveUpload, onAttach, attachAccept, className, }: UploadsPanelProps): React.ReactElement;
-//# sourceMappingURL=uploads-panel.d.ts.map

package/esm/src/react/components/chat/chat/components/uploads-panel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"uploads-panel.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/components/uploads-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,kCAAkC,CAAC;AAI1D,6CAA6C;AAC7C,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,uCAAuC;AACvC,MAAM,WAAW,iBAAiB;IAChC,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,4BAA4B;AAC5B,wBAAgB,YAAY,CAAC,EAC3B,OAAY,EACZ,cAAc,EACd,QAAQ,EACR,YAAY,EACZ,SAAS,GACV,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,CA8GxC"}

package/esm/src/react/components/chat/chat/components/uploads-panel.js

@@ -1,49 +0,0 @@
-import * as React from "../../../../../../react/react.js";
-import { cn } from "../../theme.js";
-import { FileTextIcon, TrashIcon } from "../../icons/index.js";
-function formatFileSize(bytes) {
-    if (bytes < 1024)
-        return `${bytes} B`;
-    if (bytes < 1024 * 1024)
-        return `${(bytes / 1024).toFixed(1)} KB`;
-    return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
-}
-/** Render uploads panel. */
-export function UploadsPanel({ uploads = [], onRemoveUpload, onAttach, attachAccept, className, }) {
-    const fileInputRef = React.useRef(null);
-    return (React.createElement("div", { className: cn("flex flex-col h-full", className) },
-        React.createElement("div", { className: "flex-1 overflow-y-auto px-4 py-4" }, uploads.length === 0
-            ? (React.createElement("div", { className: "flex flex-col items-center justify-center h-full text-center" },
-                React.createElement("h1", { className: "text-2xl font-medium text-[var(--foreground)] tracking-tight" }, "No files uploaded"),
-                React.createElement("p", { className: "mt-2 max-w-sm text-sm text-[var(--muted-foreground)] leading-relaxed" }, "Upload files to start asking questions"),
-                onAttach && (React.createElement("button", { type: "button", onClick: () => fileInputRef.current?.click(), className: "mt-4 px-4 py-2 text-sm font-medium rounded-full bg-[var(--primary)] text-[var(--primary-foreground)] hover:opacity-90 transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2" }, "Upload Files"))))
-            : (React.createElement("div", { className: "max-w-2xl mx-auto space-y-1.5" },
-                uploads.map((doc) => (React.createElement("div", { key: doc.id, className: "flex items-center gap-3 rounded-lg px-3 py-2.5 group hover:bg-[var(--accent)] transition-colors" },
-                    React.createElement("div", { className: "shrink-0 size-8 rounded-lg bg-[var(--accent)] flex items-center justify-center text-[var(--muted-foreground)]" },
-                        React.createElement(FileTextIcon, { className: "size-4" })),
-                    React.createElement("div", { className: "flex-1 min-w-0" },
-                        doc.url
-                            ? (React.createElement("a", { href: doc.url, target: "_blank", rel: "noreferrer", className: "block truncate text-sm text-[var(--card-foreground)] hover:underline" }, doc.name))
-                            : (React.createElement("p", { className: "text-sm text-[var(--card-foreground)] truncate" }, doc.name)),
-                        doc.size != null && (React.createElement("p", { className: "text-xs text-[var(--muted-foreground)]" }, formatFileSize(doc.size)))),
-                    onRemoveUpload && (React.createElement("button", { type: "button", onClick: () => onRemoveUpload(doc.id), className: "shrink-0 p-1.5 rounded-md text-[var(--muted-foreground)] hover:text-[var(--destructive)] hover:bg-[var(--destructive)]/10 transition-colors opacity-0 group-hover:opacity-100", "aria-label": `Remove ${doc.name}` },
-                        React.createElement(TrashIcon, { className: "size-4" })))))),
-                onAttach && (React.createElement("button", { type: "button", onClick: () => fileInputRef.current?.click(), className: "w-full flex items-center justify-center gap-2 rounded-lg px-3 py-2.5 text-sm text-[var(--muted-foreground)] hover:bg-[var(--accent)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2" },
-                    React.createElement("span", { className: "text-xs" }, "+"),
-                    "Upload more files"))))),
-        onAttach && (React.createElement("input", { ref: fileInputRef, type: "file", accept: attachAccept, multiple: true, "aria-label": "Upload file", onChange: (e) => {
-                if (e.target.files?.length)
-                    onAttach(e.target.files);
-                e.target.value = "";
-            }, style: {
-                position: "absolute",
-                width: 1,
-                height: 1,
-                padding: 0,
-                margin: -1,
-                overflow: "hidden",
-                clip: "rect(0,0,0,0)",
-                whiteSpace: "nowrap",
-                border: 0,
-            } }))));
-}

package/esm/src/react/components/chat/chat/contexts/thread-list-context.d.ts

@@ -1,28 +0,0 @@
-/**
- * ThreadListContext — Thread navigation state for multi-conversation UIs.
- *
- * Provided by ThreadList.Root or ChatWithSidebar.
- * Consumed by thread list items, create/delete buttons, etc.
- *
- * @module react/components/chat/contexts/thread-list-context
- */
-import * as React from "../../../../../../react/react.js";
-import type { Thread } from "../hooks/use-threads.js";
-/** Public API contract for thread list context value. */
-export interface ThreadListContextValue {
-    threads: Thread[];
-    activeThreadId: string | null;
-    activeThread: Thread | null;
-    createThread: () => Thread;
-    selectThread: (id: string) => void;
-    deleteThread: (id: string) => void;
-    renameThread: (id: string, title: string) => void;
-    updateThread: (id: string, updates: Partial<Pick<Thread, "title" | "messages">>) => void;
-}
-/** Context for use thread list. */
-export declare function useThreadListContext(): ThreadListContextValue;
-/** React hook for thread list context optional. */
-export declare function useThreadListContextOptional(): ThreadListContextValue | null;
-/** Render thread list context provider. */
-export declare const ThreadListContextProvider: React.Provider<ThreadListContextValue | null>;
-//# sourceMappingURL=thread-list-context.d.ts.map

package/esm/src/react/components/chat/chat/contexts/thread-list-context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"thread-list-context.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/contexts/thread-list-context.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,KAAK,MAAM,kCAAkC,CAAC;AAE1D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEtD,yDAAyD;AACzD,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAG5B,YAAY,EAAE,MAAM,MAAM,CAAC;IAC3B,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC,KAAK,IAAI,CAAC;CAC1F;AAID,mCAAmC;AACnC,wBAAgB,oBAAoB,IAAI,sBAAsB,CAQ7D;AAED,mDAAmD;AACnD,wBAAgB,4BAA4B,IAAI,sBAAsB,GAAG,IAAI,CAE5E;AAED,2CAA2C;AAC3C,eAAO,MAAM,yBAAyB,+CAA6B,CAAC"}

package/esm/src/react/components/chat/chat/contexts/thread-list-context.js

@@ -1,27 +0,0 @@
-/**
- * ThreadListContext — Thread navigation state for multi-conversation UIs.
- *
- * Provided by ThreadList.Root or ChatWithSidebar.
- * Consumed by thread list items, create/delete buttons, etc.
- *
- * @module react/components/chat/contexts/thread-list-context
- */
-import * as React from "../../../../../../react/react.js";
-import { COMPONENT_ERROR } from "../../../../../errors/error-registry.js";
-const ThreadListContext = React.createContext(null);
-/** Context for use thread list. */
-export function useThreadListContext() {
-    const context = React.useContext(ThreadListContext);
-    if (!context) {
-        throw COMPONENT_ERROR.create({
-            detail: "useThreadListContext must be used within a ThreadList provider",
-        });
-    }
-    return context;
-}
-/** React hook for thread list context optional. */
-export function useThreadListContextOptional() {
-    return React.useContext(ThreadListContext);
-}
-/** Render thread list context provider. */
-export const ThreadListContextProvider = ThreadListContext.Provider;

package/esm/src/react/components/chat/chat/hooks/use-threads.d.ts

@@ -1,28 +0,0 @@
-import type { ChatMessage } from "../../../../../agent/react/index.js";
-/** Public API contract for thread. */
-export interface Thread {
-    id: string;
-    title: string;
-    messages: ChatMessage[];
-    createdAt: number;
-    updatedAt: number;
-}
-/** Options accepted by use threads. */
-export interface UseThreadsOptions {
-    /** localStorage key prefix. Default: "vf-threads" */
-    storageKey?: string;
-}
-/** Result returned from use threads. */
-export interface UseThreadsResult {
-    threads: Thread[];
-    activeThreadId: string | null;
-    activeThread: Thread | null;
-    createThread: () => Thread;
-    selectThread: (id: string) => void;
-    deleteThread: (id: string) => void;
-    updateThread: (id: string, updates: Partial<Pick<Thread, "title" | "messages">>) => void;
-    renameThread: (id: string, title: string) => void;
-}
-/** React hook for threads. */
-export declare function useThreads(options?: UseThreadsOptions): UseThreadsResult;
-//# sourceMappingURL=use-threads.d.ts.map

package/esm/src/react/components/chat/chat/hooks/use-threads.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-threads.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/hooks/use-threads.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAGvE,sCAAsC;AACtC,MAAM,WAAW,MAAM;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAMD,uCAAuC;AACvC,MAAM,WAAW,iBAAiB;IAChC,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wCAAwC;AACxC,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,YAAY,EAAE,MAAM,MAAM,CAAC;IAC3B,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC,KAAK,IAAI,CAAC;IACzF,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnD;AAiDD,8BAA8B;AAC9B,wBAAgB,UAAU,CAAC,OAAO,CAAC,EAAE,iBAAiB,GAAG,gBAAgB,CA+HxE"}

package/esm/src/react/components/chat/chat/hooks/use-threads.js

@@ -1,151 +0,0 @@
-import * as React from "../../../../../../react/react.js";
-import { isBrowserEnvironment } from "../../../../../platform/compat/runtime.js";
-function generateId() {
-    return `t_${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 8)}`;
-}
-function createEmptyThread() {
-    return {
-        id: generateId(),
-        title: "New Chat",
-        messages: [],
-        createdAt: Date.now(),
-        updatedAt: Date.now(),
-    };
-}
-function loadIndex(key) {
-    if (!isBrowserEnvironment())
-        return { ids: [] };
-    try {
-        const raw = localStorage.getItem(`${key}-index`);
-        if (raw)
-            return JSON.parse(raw);
-    }
-    catch (_) { /* expected: corrupted localStorage data */ }
-    return { ids: [] };
-}
-function saveIndex(key, index) {
-    if (!isBrowserEnvironment())
-        return;
-    localStorage.setItem(`${key}-index`, JSON.stringify(index));
-}
-function loadThread(key, id) {
-    if (!isBrowserEnvironment())
-        return null;
-    try {
-        const raw = localStorage.getItem(`${key}-${id}`);
-        if (raw)
-            return JSON.parse(raw);
-    }
-    catch (_) { /* expected: corrupted localStorage data */ }
-    return null;
-}
-function saveThread(key, thread) {
-    if (!isBrowserEnvironment())
-        return;
-    localStorage.setItem(`${key}-${thread.id}`, JSON.stringify(thread));
-}
-function removeThread(key, id) {
-    if (!isBrowserEnvironment())
-        return;
-    localStorage.removeItem(`${key}-${id}`);
-}
-/** React hook for threads. */
-export function useThreads(options) {
-    const storageKey = options?.storageKey ?? "vf-threads";
-    const [threads, setThreads] = React.useState(() => {
-        const index = loadIndex(storageKey);
-        const loaded = [];
-        for (const id of index.ids) {
-            const thread = loadThread(storageKey, id);
-            if (thread)
-                loaded.push(thread);
-        }
-        if (loaded.length === 0) {
-            // Return empty array during SSR/first render; create thread in useEffect
-            return [];
-        }
-        // Sort by updatedAt desc
-        loaded.sort((a, b) => b.updatedAt - a.updatedAt);
-        return loaded;
-    });
-    const [activeThreadId, setActiveThreadId] = React.useState(() => threads[0]?.id ?? null);
-    // Create initial thread on client only to avoid SSR hydration mismatch
-    React.useEffect(() => {
-        if (threads.length > 0)
-            return;
-        const first = createEmptyThread();
-        saveThread(storageKey, first);
-        saveIndex(storageKey, { ids: [first.id] });
-        setThreads([first]);
-        setActiveThreadId(first.id);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    // Debounced persist — clear on unmount to avoid stale writes
-    const saveTimerRef = React.useRef(undefined);
-    React.useEffect(() => () => clearTimeout(saveTimerRef.current), []);
-    const persistThreads = React.useCallback((updated) => {
-        clearTimeout(saveTimerRef.current);
-        saveTimerRef.current = globalThis.setTimeout(() => {
-            saveIndex(storageKey, { ids: updated.map((t) => t.id) });
-            for (const thread of updated) {
-                saveThread(storageKey, thread);
-            }
-        }, 300);
-    }, [storageKey]);
-    const activeThread = React.useMemo(() => threads.find((t) => t.id === activeThreadId) ?? null, [threads, activeThreadId]);
-    const createThread = React.useCallback(() => {
-        const thread = createEmptyThread();
-        setThreads((prev) => {
-            const next = [thread, ...prev];
-            persistThreads(next);
-            return next;
-        });
-        setActiveThreadId(thread.id);
-        return thread;
-    }, [persistThreads]);
-    const selectThread = React.useCallback((id) => {
-        setActiveThreadId(id);
-    }, []);
-    const deleteThread = React.useCallback((id) => {
-        setThreads((prev) => {
-            const next = prev.filter((t) => t.id !== id);
-            removeThread(storageKey, id);
-            if (next.length === 0) {
-                const fresh = createEmptyThread();
-                saveThread(storageKey, fresh);
-                const result = [fresh];
-                persistThreads(result);
-                setActiveThreadId(fresh.id);
-                return result;
-            }
-            persistThreads(next);
-            // If we deleted the active thread, switch to the first one
-            setActiveThreadId((current) => current === id ? (next[0]?.id ?? null) : current);
-            return next;
-        });
-    }, [storageKey, persistThreads]);
-    const updateThread = React.useCallback((id, updates) => {
-        setThreads((prev) => {
-            const next = prev.map((t) => {
-                if (t.id !== id)
-                    return t;
-                return { ...t, ...updates, updatedAt: Date.now() };
-            });
-            persistThreads(next);
-            return next;
-        });
-    }, [persistThreads]);
-    const renameThread = React.useCallback((id, title) => {
-        updateThread(id, { title });
-    }, [updateThread]);
-    return {
-        threads,
-        activeThreadId,
-        activeThread,
-        createThread,
-        selectThread,
-        deleteThread,
-        updateThread,
-        renameThread,
-    };
-}