── Tiptap Markdown Editor ── - Add full Tiptap-based WYSIWYG markdown editor (markdown-editor.tsx, 709 LOC) with bubble menu, auto-save (debounced), image drag-and-drop/paste upload, table editing, task list checkboxes, and frontmatter preservation on save. - Add slash command system (slash-command.tsx, 607 LOC) with "/" trigger for block insertion (headings, lists, tables, code blocks, images, reports) and "@" trigger for file/document mention with fuzzy search across the workspace tree. - Add ReportBlockNode (report-block-node.tsx) — custom Tiptap node that renders embedded report-json blocks as interactive ReportCard widgets inline in the editor, with expand/collapse and edit-JSON support. - Add workspace asset serving API (api/workspace/assets/[...path]/route.ts) to serve images from the workspace with proper MIME types. - Add workspace file upload orkspace/upload/route.ts) for multipart image uploads (10 MB limit, image types only), saving to assets/ directory. - Add ~500 lines of Tiptap editor CSS to globals.css (editor layout, task lists, images, tables, slash command dropdown, bubble menu toolbar, code blocks, etc.). - Add 14 @tiptap/* dependencies to apps/web/package.json (react, starter-kit, markdown, image, link, table, task-list, suggestion, placeholder, etc.). ── Document View: Edit/Read Mode Toggle ── - document-view.tsx: Add edit/read mode toggle; defaults to edit mode when a filePath is available. Lazy-loads MarkdownEditor to keep initial bundle light. - workspace/page.tsx: Pass activePath, tree, onSave, onNavigate, and onRefreshTree through to DocumentView for full editor integration with workspace navigation and tree refresh after saves. ── Subagent Session Isolation ── - agent-runner.ts: Add RunAgentOptions with optional sessionId; when set, spawns the agent with --session-key agent:main:subagent:<id> ant so file-scoped sidebar chats run in isolated sessions independent of the main agent. - route.ts (chat API): Accept sessionId from request body and forward it to runAgent. Resolve workspace file path prefixes (resolveAgentWorkspacePrefix) so tree-relative paths become agent-cwd-relative. - chat-panel.tsx: Create per-instance DefaultChatTransport that injects sessionId via body function and a ref (avoids stale closures). On file change, auto-load the most recent session and its messages. Refresh session tab list after streaming ends. Stop ongoing stream when switching sessions. - register.agent.ts: Add --session-key <key> and --lane <lane> CLI flags. - agent-via-gateway.ts: Wire sessionKey into session resolution and validation for both interactive and --stream-json code paths. - workspace.ts: Add resolveAgentWorkspacePrefix() to map workspace-root-relative paths to repo-root-relative paths for the agent process. ── Error Surfacing ── - agent-runner.ts: Add onAgentError callback extraction helpers (parseAgentErrorMessage, parseErrorBody, parseErrorFromStderr) to surface API-level errors (402 payment, rate limits, etc.) to the UI. Captures stderr for fallback error detection on non-zero exit. - route.ts: Wire onAgentError into the SSE stream as [error]-prefixed text parts. Improve onError and onClose handlers with clearer error messages and exit code reporting. - chat-message.tsx: Detect [error]-prefixed text segments and render them as styled error banners with alert icon instead of plain text. - chat-panel.tsx: Restyle the transport-level error bar with themed colors and an alert icon consistent with in-message error styling.
87 lines
2.2 KiB
TypeScript
87 lines
2.2 KiB
TypeScript
import { writeFileSync, mkdirSync } from "node:fs";
|
|
import { join, dirname, extname } from "node:path";
|
|
import { resolveDenchRoot, safeResolveNewPath } from "@/lib/workspace";
|
|
|
|
export const dynamic = "force-dynamic";
|
|
export const runtime = "nodejs";
|
|
|
|
const ALLOWED_EXTENSIONS = new Set([
|
|
".png", ".jpg", ".jpeg", ".gif", ".webp", ".svg", ".bmp", ".ico",
|
|
]);
|
|
|
|
const MAX_SIZE = 10 * 1024 * 1024; // 10 MB
|
|
|
|
/**
|
|
* POST /api/workspace/upload
|
|
* Accepts multipart form data with a "file" field.
|
|
* Saves to assets/<timestamp>-<filename> inside the workspace.
|
|
* Returns { ok, path } where path is workspace-relative.
|
|
*/
|
|
export async function POST(req: Request) {
|
|
const root = resolveDenchRoot();
|
|
if (!root) {
|
|
return Response.json(
|
|
{ error: "Workspace not found" },
|
|
{ status: 500 },
|
|
);
|
|
}
|
|
|
|
let formData: FormData;
|
|
try {
|
|
formData = await req.formData();
|
|
} catch {
|
|
return Response.json({ error: "Invalid form data" }, { status: 400 });
|
|
}
|
|
|
|
const file = formData.get("file");
|
|
if (!file || !(file instanceof File)) {
|
|
return Response.json(
|
|
{ error: "Missing 'file' field" },
|
|
{ status: 400 },
|
|
);
|
|
}
|
|
|
|
// Validate extension
|
|
const ext = extname(file.name).toLowerCase();
|
|
if (!ALLOWED_EXTENSIONS.has(ext)) {
|
|
return Response.json(
|
|
{ error: `File type ${ext} is not allowed` },
|
|
{ status: 400 },
|
|
);
|
|
}
|
|
|
|
// Validate size
|
|
if (file.size > MAX_SIZE) {
|
|
return Response.json(
|
|
{ error: "File is too large (max 10 MB)" },
|
|
{ status: 400 },
|
|
);
|
|
}
|
|
|
|
// Build a safe filename: timestamp + sanitized original name
|
|
const safeName = file.name
|
|
.replace(/[^a-zA-Z0-9._-]/g, "_")
|
|
.replace(/_{2,}/g, "_");
|
|
const relPath = join("assets", `${Date.now()}-${safeName}`);
|
|
|
|
const absPath = safeResolveNewPath(relPath);
|
|
if (!absPath) {
|
|
return Response.json(
|
|
{ error: "Invalid path" },
|
|
{ status: 400 },
|
|
);
|
|
}
|
|
|
|
try {
|
|
mkdirSync(dirname(absPath), { recursive: true });
|
|
const buffer = Buffer.from(await file.arrayBuffer());
|
|
writeFileSync(absPath, buffer);
|
|
return Response.json({ ok: true, path: relPath });
|
|
} catch (err) {
|
|
return Response.json(
|
|
{ error: err instanceof Error ? err.message : "Upload failed" },
|
|
{ status: 500 },
|
|
);
|
|
}
|
|
}
|