feat(chatui): add tabbed workspace and PDF previews

dashboard/package.json

@@ -35,6 +35,7 @@
     "markstream-vue": "1.0.5-beta.0",
     "mermaid": "^11.12.2",
     "monaco-editor": "^0.52.2",
+    "pdfjs-dist": "6.3.289",
     "pinia": "2.1.6",
     "pinyin-pro": "^3.26.0",
     "qrcode": "^1.5.4",

dashboard/scripts/pdfjs-assets.mjs

@@ -0,0 +1,56 @@
+import { readFileSync, readdirSync } from "node:fs";
+import { createRequire } from "node:module";
+import { dirname, join } from "node:path";
+
+const require = createRequire(import.meta.url);
+const packagePath = require.resolve("pdfjs-dist/package.json");
+const root = dirname(packagePath);
+const { version } = JSON.parse(readFileSync(packagePath, "utf8"));
+
+/** Serve the same versioned PDF resources in development and production. */
+export function pdfjsAssets() {
+  const files = new Map([["LICENSE", join(root, "LICENSE")]]);
+  for (const directory of ["cmaps", "standard_fonts", "wasm", "iccs"]) {
+    for (const entry of readdirSync(join(root, directory), {
+      withFileTypes: true,
+    })) {
+      if (entry.isFile()) {
+        files.set(
+          `${directory}/${entry.name}`,
+          join(root, directory, entry.name),
+        );
+      }
+    }
+  }
+  return {
+    name: "pdfjs-assets",
+    configureServer(server) {
+      server.middlewares.use(
+        `${server.config.base}pdfjs/${version}/`,
+        (req, res, next) => {
+          const name = req.url?.split("?")[0].replace(/^\//, "");
+          const file = files.get(name);
+          if (!file) return next();
+          res.setHeader(
+            "Content-Type",
+            name.endsWith(".wasm")
+              ? "application/wasm"
+              : /\.m?js$/.test(name)
+              ? "text/javascript"
+              : "application/octet-stream",
+          );
+          res.end(readFileSync(file));
+        },
+      );
+    },
+    generateBundle() {
+      for (const [name, file] of files) {
+        this.emitFile({
+          type: "asset",
+          fileName: `pdfjs/${version}/${name}`,
+          source: readFileSync(file),
+        });
+      }
+    },
+  };
+}

dashboard/src/api/v1.ts

@@ -944,11 +944,12 @@ export const chatApi = {
       }),
     );
   },
-  downloadProjectWorkspaceFile(projectId: string, path: string) {
+  downloadProjectWorkspaceFile(projectId: string, path: string, signal?: AbortSignal) {
     return openApiV1.downloadChatProjectWorkspaceFile({
       path: { project_id: projectId },
       query: { path },
       responseType: 'blob',
+      signal,
     }) as Promise<AxiosResponse<Blob>>;
   },
   addProjectSession(projectId: string, sessionId: string) {