@tangle-network/agent-app 0.30.0 → 0.32.0

package/dist/chunk-ND3XEGBE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/intakes/model.ts"],"sourcesContent":["/**\n * Pure intake MODEL — the question-graph and the answer/completion algebra a\n * one-question-at-a-time interview runs on. Zero dependencies: no drizzle, no\n * env, no react, no I/O. The DB layer (`./intakes/drizzle`), the handlers\n * (`./intakes/api`) and the React surface (`./intakes-react`) all build on\n * these functions; this leaf imports nothing back, so a consumer can pull just\n * the intake math.\n *\n * An intake is an ordered list of questions, optionally branching: a question\n * can declare `next` as a function of the answers so far, so the next prompt\n * depends on what was said (e.g. \"do you have a website?\" → no → skip the URL\n * question). Traversal is pure and deterministic — `nextQuestion(graph, answers)`\n * folds the answers into the single question to ask next (or null = done), and\n * `isComplete` is true exactly when every REQUIRED reachable question has a\n * valid answer.\n *\n * Answers are a flat `Record<questionId, value>`. Each question declares an\n * answer `type` that `validateAnswer` checks against — the same validation the\n * UI runs before advancing and the store runs before persisting, so an invalid\n * answer can never enter the payload.\n */\n\n/** The kinds of answer a question accepts. */\nexport type IntakeAnswerType =\n  | 'text'\n  | 'long-text'\n  | 'single-select'\n  | 'multi-select'\n  | 'boolean'\n  | 'number'\n  | 'url'\n  | 'email'\n\n/** A selectable option for single/multi-select questions. */\nexport interface IntakeOption {\n  value: string\n  label: string\n}\n\n/** A flat map of answers keyed by question id. */\nexport type IntakeAnswers = Record<string, IntakeAnswerValue>\n\n/** Any value an answer can hold; the type is validated per-question. */\nexport type IntakeAnswerValue = string | string[] | number | boolean | null\n\n/**\n * One question in the graph. `next` (optional) makes the graph branch: given\n * the answers so far it returns the id of the question to ask next, or null to\n * end the interview early. With no `next`, traversal falls through to the next\n * question in declaration order.\n */\nexport interface IntakeQuestion {\n  id: string\n  /** The prompt the interviewer asks. */\n  prompt: string\n  type: IntakeAnswerType\n  /** Required questions gate completion; optional ones may be skipped. */\n  required?: boolean\n  /** Help text shown under the prompt. */\n  help?: string\n  /** Options for single/multi-select questions. */\n  options?: IntakeOption[]\n  /** Min length (text) or min value (number); inclusive. */\n  min?: number\n  /** Max length (text) or max value (number); inclusive. */\n  max?: number\n  /**\n   * Branch override: given the answers so far, the id of the next question\n   * (or null to end early). Omit for linear flow (next in declaration order).\n   */\n  next?(answers: IntakeAnswers): string | null\n}\n\n/** The intake definition: an ordered, addressable set of questions. */\nexport interface IntakeGraph {\n  /** Stable id for the intake definition (e.g. 'user-onboarding-v1'). */\n  id: string\n  /** Human title shown at the top of the interview. */\n  title: string\n  /** Optional one-line description. */\n  description?: string\n  /** Questions in declaration (default traversal) order. */\n  questions: IntakeQuestion[]\n}\n\n/** The reason an answer failed validation. */\nexport type AnswerRejectionReason =\n  | 'required'\n  | 'wrong-type'\n  | 'too-short'\n  | 'too-long'\n  | 'too-small'\n  | 'too-large'\n  | 'not-an-option'\n  | 'invalid-url'\n  | 'invalid-email'\n  | 'unknown-question'\n\nexport interface AnswerValidationResult {\n  ok: boolean\n  reason?: AnswerRejectionReason\n}\n\nconst URL_PATTERN = /^https?:\\/\\/[^\\s/$.?#].[^\\s]*$/i\nconst EMAIL_PATTERN = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/\n\n/** Look up a question by id, or null if the graph has none. */\nexport function getQuestion(graph: IntakeGraph, questionId: string): IntakeQuestion | null {\n  return graph.questions.find((q) => q.id === questionId) ?? null\n}\n\n/** True when an answer value is present (not null/undefined/empty). */\nexport function hasAnswer(value: IntakeAnswerValue | undefined): boolean {\n  if (value == null) return false\n  if (typeof value === 'string') return value.trim().length > 0\n  if (Array.isArray(value)) return value.length > 0\n  return true\n}\n\n/**\n * Validate one answer against its question. Pure: no I/O, no graph mutation.\n * An empty value is rejected as `required` only when the question is required;\n * an empty value for an optional question is OK (the user skipped it).\n */\nexport function validateAnswer(\n  question: IntakeQuestion,\n  value: IntakeAnswerValue | undefined,\n): AnswerValidationResult {\n  if (!hasAnswer(value)) {\n    return question.required ? { ok: false, reason: 'required' } : { ok: true }\n  }\n\n  switch (question.type) {\n    case 'text':\n    case 'long-text': {\n      if (typeof value !== 'string') return { ok: false, reason: 'wrong-type' }\n      const len = value.trim().length\n      if (question.min != null && len < question.min) return { ok: false, reason: 'too-short' }\n      if (question.max != null && len > question.max) return { ok: false, reason: 'too-long' }\n      return { ok: true }\n    }\n    case 'url': {\n      if (typeof value !== 'string') return { ok: false, reason: 'wrong-type' }\n      return URL_PATTERN.test(value.trim()) ? { ok: true } : { ok: false, reason: 'invalid-url' }\n    }\n    case 'email': {\n      if (typeof value !== 'string') return { ok: false, reason: 'wrong-type' }\n      return EMAIL_PATTERN.test(value.trim()) ? { ok: true } : { ok: false, reason: 'invalid-email' }\n    }\n    case 'number': {\n      if (typeof value !== 'number' || !Number.isFinite(value)) return { ok: false, reason: 'wrong-type' }\n      if (question.min != null && value < question.min) return { ok: false, reason: 'too-small' }\n      if (question.max != null && value > question.max) return { ok: false, reason: 'too-large' }\n      return { ok: true }\n    }\n    case 'boolean': {\n      return typeof value === 'boolean' ? { ok: true } : { ok: false, reason: 'wrong-type' }\n    }\n    case 'single-select': {\n      if (typeof value !== 'string') return { ok: false, reason: 'wrong-type' }\n      return optionExists(question, value) ? { ok: true } : { ok: false, reason: 'not-an-option' }\n    }\n    case 'multi-select': {\n      if (!Array.isArray(value)) return { ok: false, reason: 'wrong-type' }\n      if (!value.every((v) => typeof v === 'string' && optionExists(question, v))) {\n        return { ok: false, reason: 'not-an-option' }\n      }\n      if (question.min != null && value.length < question.min) return { ok: false, reason: 'too-short' }\n      if (question.max != null && value.length > question.max) return { ok: false, reason: 'too-long' }\n      return { ok: true }\n    }\n    default:\n      return { ok: false, reason: 'wrong-type' }\n  }\n}\n\n/**\n * The single question to ask next given the answers so far, or null when the\n * interview is done. Walks the graph from the first question, following each\n * question's `next` branch (or declaration order) and stopping at the first\n * reachable question that has no valid answer yet. Deterministic and pure.\n *\n * A `next` that points at a missing id, or returns null, ends the walk — so a\n * malformed graph terminates rather than looping. A visited-set guards against\n * a cyclic `next`.\n */\nexport function nextQuestion(graph: IntakeGraph, answers: IntakeAnswers): IntakeQuestion | null {\n  if (graph.questions.length === 0) return null\n  const visited = new Set<string>()\n  let current: IntakeQuestion | null = graph.questions[0] ?? null\n\n  while (current) {\n    if (visited.has(current.id)) return null\n    visited.add(current.id)\n\n    const answer = answers[current.id]\n    const validity = validateAnswer(current, answer)\n    if (!validity.ok || (current.required && !hasAnswer(answer))) {\n      return current\n    }\n\n    current = advance(graph, current, answers)\n  }\n\n  return null\n}\n\n/**\n * True when every REQUIRED question reachable under the current answers has a\n * valid answer. Pure: it replays the same traversal `nextQuestion` uses and is\n * complete exactly when that traversal has no question left to ask.\n */\nexport function isComplete(graph: IntakeGraph, answers: IntakeAnswers): boolean {\n  return nextQuestion(graph, answers) === null\n}\n\n/**\n * Progress as answered-vs-total over the REACHABLE required questions under the\n * current answers — what a progress bar renders. Optional questions don't count\n * toward the denominator (they never block completion).\n */\nexport function intakeProgress(graph: IntakeGraph, answers: IntakeAnswers): { answered: number; total: number } {\n  const reachable = reachableQuestions(graph, answers)\n  const required = reachable.filter((q) => q.required)\n  const answered = required.filter((q) => validateAnswer(q, answers[q.id]).ok && hasAnswer(answers[q.id])).length\n  return { answered, total: required.length }\n}\n\n/** The questions reachable under the current answers, in traversal order. */\nexport function reachableQuestions(graph: IntakeGraph, answers: IntakeAnswers): IntakeQuestion[] {\n  if (graph.questions.length === 0) return []\n  const visited = new Set<string>()\n  const out: IntakeQuestion[] = []\n  let current: IntakeQuestion | null = graph.questions[0] ?? null\n\n  while (current) {\n    if (visited.has(current.id)) break\n    visited.add(current.id)\n    out.push(current)\n    current = advance(graph, current, answers)\n  }\n  return out\n}\n\nfunction advance(graph: IntakeGraph, current: IntakeQuestion, answers: IntakeAnswers): IntakeQuestion | null {\n  if (current.next) {\n    const nextId = current.next(answers)\n    return nextId == null ? null : getQuestion(graph, nextId)\n  }\n  const index = graph.questions.indexOf(current)\n  return graph.questions[index + 1] ?? null\n}\n\nfunction optionExists(question: IntakeQuestion, value: string): boolean {\n  return (question.options ?? []).some((option) => option.value === value)\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-SMVD76VC.js

@@ -0,0 +1,584 @@
+// src/vault/VaultPane.tsx
+import {
+  Component,
+  useCallback,
+  useEffect as useEffect2,
+  useMemo,
+  useRef as useRef2,
+  useState
+} from "react";
+
+// src/vault/ConfirmDialog.tsx
+import { useEffect, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ConfirmDialog({
+  open,
+  title,
+  description,
+  confirmLabel = "Confirm",
+  cancelLabel = "Cancel",
+  destructive = false,
+  confirmDisabled = false,
+  onConfirm,
+  onCancel,
+  children
+}) {
+  const panelRef = useRef(null);
+  const confirmRef = useRef(null);
+  useEffect(() => {
+    if (!open) return;
+    confirmRef.current?.focus();
+  }, [open]);
+  if (!open) return null;
+  function onKeyDown(event) {
+    if (event.key === "Escape") {
+      event.preventDefault();
+      onCancel();
+      return;
+    }
+    if (event.key === "Enter" && !confirmDisabled) {
+      event.preventDefault();
+      onConfirm();
+      return;
+    }
+    if (event.key !== "Tab") return;
+    const focusable = panelRef.current?.querySelectorAll(
+      'button:not([disabled]), input:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'
+    );
+    if (!focusable || focusable.length === 0) return;
+    const first = focusable[0];
+    const last = focusable[focusable.length - 1];
+    const active = document.activeElement;
+    if (event.shiftKey && active === first) {
+      event.preventDefault();
+      last?.focus();
+    } else if (!event.shiftKey && active === last) {
+      event.preventDefault();
+      first?.focus();
+    }
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
+      onMouseDown: (e) => {
+        if (e.target === e.currentTarget) onCancel();
+      },
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref: panelRef,
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": title,
+          onKeyDown,
+          className: "w-full max-w-md rounded-lg border border-border bg-card p-5 shadow-lg",
+          children: [
+            /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold text-foreground", children: title }),
+            description && /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-xs text-muted-foreground", children: description }),
+            children && /* @__PURE__ */ jsx("div", { className: "mt-3", children }),
+            /* @__PURE__ */ jsxs("div", { className: "mt-5 flex justify-end gap-2", children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: onCancel,
+                  className: "inline-flex h-8 items-center rounded-md px-3 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary/60",
+                  children: cancelLabel
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  ref: confirmRef,
+                  type: "button",
+                  onClick: onConfirm,
+                  disabled: confirmDisabled,
+                  className: `inline-flex h-8 items-center rounded-md px-3 text-xs font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary/60 disabled:pointer-events-none disabled:opacity-50 ${destructive ? "bg-destructive text-destructive-foreground hover:bg-destructive/90" : "bg-primary text-primary-foreground hover:bg-primary/90"}`,
+                  children: confirmLabel
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/vault/VaultPane.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var IDENTITY_CODEC = {
+  parse: (raw) => raw,
+  serialize: (parts) => typeof parts === "string" ? parts : String(parts ?? "")
+};
+function collectFilePaths(nodes, into) {
+  for (const node of nodes) {
+    if (node.type === "file") into.add(node.path);
+    if (node.children) collectFilePaths(node.children, into);
+  }
+  return into;
+}
+function countFiles(nodes) {
+  return nodes.reduce(
+    (sum, node) => node.type === "file" ? sum + 1 : sum + countFiles(node.children ?? []),
+    0
+  );
+}
+var EditorErrorBoundary = class extends Component {
+  state = { error: null };
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  componentDidCatch(error, info) {
+    console.error("Vault crashed:", error, info);
+  }
+  render() {
+    if (this.state.error) {
+      const msg = this.state.error instanceof Error ? this.state.error.message : typeof this.state.error === "string" ? this.state.error : "Something went wrong loading the vault";
+      return /* @__PURE__ */ jsxs2("div", { className: "flex h-full flex-1 flex-col items-center justify-center p-8 text-center", children: [
+        /* @__PURE__ */ jsx2("h3", { className: "mb-1 text-sm font-medium text-foreground", children: "Vault failed to load" }),
+        /* @__PURE__ */ jsx2("p", { className: "mb-4 max-w-xs text-xs text-muted-foreground", children: String(msg) }),
+        /* @__PURE__ */ jsx2(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              this.setState({ error: null });
+              this.props.onReset?.();
+            },
+            className: "inline-flex h-8 items-center rounded-md border border-border px-3 text-xs font-medium text-foreground transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary/60",
+            children: "Try again"
+          }
+        )
+      ] });
+    }
+    return this.props.children;
+  }
+};
+function TreeSkeleton() {
+  return /* @__PURE__ */ jsx2("div", { className: "space-y-2 p-4", "aria-hidden": "true", children: [32, 48, 40, 52].map((w, i) => /* @__PURE__ */ jsx2("div", { className: "h-4 animate-pulse rounded bg-muted", style: { width: `${w * 4}px` } }, i)) });
+}
+function EditorSkeleton() {
+  return /* @__PURE__ */ jsxs2("div", { className: "space-y-3 p-8", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx2("div", { className: "h-5 w-1/2 animate-pulse rounded bg-muted" }),
+    /* @__PURE__ */ jsx2("div", { className: "h-4 w-full animate-pulse rounded bg-muted" }),
+    /* @__PURE__ */ jsx2("div", { className: "h-4 w-3/4 animate-pulse rounded bg-muted" }),
+    /* @__PURE__ */ jsx2("div", { className: "h-4 w-2/3 animate-pulse rounded bg-muted" })
+  ] });
+}
+function EmptyState() {
+  return /* @__PURE__ */ jsxs2("div", { className: "flex h-full flex-col items-center justify-center p-8 text-center", children: [
+    /* @__PURE__ */ jsx2("h3", { className: "text-sm font-medium text-foreground", children: "Open a vault document" }),
+    /* @__PURE__ */ jsx2("p", { className: "mt-1 max-w-xs text-xs text-muted-foreground", children: "Select a file from the directory, or create a new one." })
+  ] });
+}
+function VaultPane(props) {
+  const {
+    port,
+    renderTree,
+    renderArtifact,
+    renderDock,
+    canWrite = true,
+    selectedPath: controlledPath,
+    onSelectedPathChange,
+    codec,
+    className
+  } = props;
+  const activeCodec = codec ?? IDENTITY_CODEC;
+  const controlled = controlledPath !== void 0;
+  const isMarkdownCapable = codec !== void 0;
+  const [tree, setTree] = useState([]);
+  const [treeLoading, setTreeLoading] = useState(true);
+  const [internalPath, setInternalPath] = useState(null);
+  const selectedPath = controlled ? controlledPath ?? null : internalPath;
+  const [selectedFile, setSelectedFile] = useState(null);
+  const [fileLoading, setFileLoading] = useState(false);
+  const [saving, setSaving] = useState(false);
+  const [editorMode, setEditorMode] = useState("rich");
+  const [richDraft, setRichDraft] = useState("");
+  const [sourceDraft, setSourceDraft] = useState("");
+  const [isDirty, setIsDirty] = useState(false);
+  const [createOpen, setCreateOpen] = useState(false);
+  const [newPath, setNewPath] = useState("");
+  const [creating, setCreating] = useState(false);
+  const [deleteOpen, setDeleteOpen] = useState(false);
+  const [deleting, setDeleting] = useState(false);
+  const [dockOpen, setDockOpen] = useState(false);
+  const [pendingNav, setPendingNav] = useState(null);
+  const savedContentRef = useRef2("");
+  const loadedPathRef = useRef2(null);
+  const filePaths = useMemo(() => collectFilePaths(tree, /* @__PURE__ */ new Set()), [tree]);
+  const treeRoot = useMemo(
+    () => ({ name: "Vault", path: "", type: "directory", children: tree }),
+    [tree]
+  );
+  const fileCount = useMemo(() => countFiles(tree), [tree]);
+  const commitPath = useCallback(
+    (next) => {
+      if (!controlled) setInternalPath(next);
+      onSelectedPathChange?.(next);
+    },
+    [controlled, onSelectedPathChange]
+  );
+  const refresh = useCallback(async () => {
+    setTreeLoading(true);
+    try {
+      setTree(await port.listTree());
+    } finally {
+      setTreeLoading(false);
+    }
+  }, [port]);
+  useEffect2(() => {
+    void refresh();
+  }, [refresh]);
+  useEffect2(() => {
+    if (!selectedPath) {
+      setSelectedFile(null);
+      setFileLoading(false);
+      loadedPathRef.current = null;
+      return;
+    }
+    let cancelled = false;
+    const path = selectedPath;
+    setFileLoading(true);
+    void (async () => {
+      try {
+        const file = await port.readFile(path);
+        if (!cancelled) setSelectedFile(file);
+      } catch {
+        if (!cancelled) setSelectedFile(null);
+      } finally {
+        if (!cancelled) setFileLoading(false);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [port, selectedPath]);
+  useEffect2(() => {
+    if (!selectedFile) {
+      loadedPathRef.current = null;
+      savedContentRef.current = "";
+      setRichDraft("");
+      setSourceDraft("");
+      setEditorMode("rich");
+      setIsDirty(false);
+      return;
+    }
+    const pathChanged = loadedPathRef.current !== selectedFile.path;
+    loadedPathRef.current = selectedFile.path;
+    savedContentRef.current = selectedFile.content;
+    setRichDraft(activeCodec.parse(selectedFile.content));
+    setSourceDraft(selectedFile.content);
+    if (pathChanged) setEditorMode("rich");
+    setIsDirty(false);
+    setDockOpen(false);
+  }, [selectedFile, activeCodec]);
+  const guardedOpen = useCallback(
+    (path) => {
+      if (path === selectedPath) return;
+      if (isDirty) {
+        setPendingNav({ type: "open", path });
+        return;
+      }
+      commitPath(path);
+    },
+    [isDirty, selectedPath, commitPath]
+  );
+  const guardedClose = useCallback(() => {
+    if (isDirty) {
+      setPendingNav({ type: "close" });
+      return;
+    }
+    commitPath(null);
+    setSelectedFile(null);
+  }, [isDirty, commitPath]);
+  const confirmDiscard = useCallback(() => {
+    const nav = pendingNav;
+    setPendingNav(null);
+    setIsDirty(false);
+    if (!nav) return;
+    if (nav.type === "open") {
+      commitPath(nav.path);
+    } else {
+      commitPath(null);
+      setSelectedFile(null);
+    }
+  }, [pendingNav, commitPath]);
+  const showRichMode = useCallback(() => {
+    setEditorMode((mode) => {
+      if (mode === "rich") return mode;
+      setRichDraft(activeCodec.parse(sourceDraft));
+      setIsDirty(sourceDraft !== savedContentRef.current);
+      return "rich";
+    });
+  }, [activeCodec, sourceDraft]);
+  const showSourceMode = useCallback(() => {
+    setEditorMode((mode) => {
+      if (mode === "source") return mode;
+      const content = isDirty ? activeCodec.serialize(richDraft) : savedContentRef.current;
+      setSourceDraft(content);
+      setIsDirty(content !== savedContentRef.current);
+      return "source";
+    });
+  }, [activeCodec, isDirty, richDraft]);
+  const onSourceChange = useCallback((next) => {
+    setSourceDraft(next);
+    setIsDirty(next !== savedContentRef.current);
+  }, []);
+  const saveCurrent = useCallback(async () => {
+    if (!selectedFile) return;
+    const content = editorMode === "source" ? sourceDraft : activeCodec.serialize(richDraft);
+    setSaving(true);
+    try {
+      await port.writeFile(selectedFile.path, content);
+      savedContentRef.current = content;
+      setSelectedFile({ ...selectedFile, content });
+      setSourceDraft(content);
+      setRichDraft(activeCodec.parse(content));
+      setIsDirty(false);
+    } finally {
+      setSaving(false);
+    }
+  }, [selectedFile, editorMode, sourceDraft, richDraft, activeCodec, port]);
+  const handleCreate = useCallback(async () => {
+    const trimmed = newPath.trim();
+    if (!trimmed) return;
+    setCreating(true);
+    try {
+      await port.createFile(trimmed);
+      setCreateOpen(false);
+      setNewPath("");
+      await refresh();
+      commitPath(trimmed);
+    } finally {
+      setCreating(false);
+    }
+  }, [newPath, port, refresh, commitPath]);
+  const handleDelete = useCallback(async () => {
+    if (!selectedFile) return;
+    setDeleting(true);
+    try {
+      await port.deleteFile(selectedFile.path);
+      setDeleteOpen(false);
+      setIsDirty(false);
+      commitPath(null);
+      setSelectedFile(null);
+      await refresh();
+    } finally {
+      setDeleting(false);
+    }
+  }, [selectedFile, port, refresh, commitPath]);
+  return /* @__PURE__ */ jsx2(EditorErrorBoundary, { onReset: () => {
+    commitPath(null);
+    setSelectedFile(null);
+  }, children: /* @__PURE__ */ jsxs2("div", { className: `flex min-h-0 flex-1 overflow-hidden ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsxs2("div", { className: "flex w-[23rem] min-w-[23rem] flex-col border-r border-border bg-background", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between gap-3 border-b border-border px-4 py-3", children: [
+        /* @__PURE__ */ jsxs2("div", { className: "flex min-w-0 items-center gap-2", children: [
+          /* @__PURE__ */ jsx2("span", { className: "text-sm font-semibold text-foreground", children: "Vault" }),
+          /* @__PURE__ */ jsxs2("span", { className: "text-xs text-muted-foreground", children: [
+            fileCount,
+            " file",
+            fileCount === 1 ? "" : "s"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs2("div", { className: "flex shrink-0 items-center gap-1", children: [
+          /* @__PURE__ */ jsx2(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Refresh vault",
+              onClick: () => void refresh(),
+              className: "inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary/60",
+              children: "\u21BB"
+            }
+          ),
+          canWrite && /* @__PURE__ */ jsx2(
+            "button",
+            {
+              type: "button",
+              "aria-label": "New vault file",
+              onClick: () => setCreateOpen(true),
+              className: "inline-flex h-8 w-8 items-center justify-center rounded-md bg-primary text-primary-foreground transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary/60",
+              children: "+"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx2("div", { className: "flex-1 overflow-y-auto", children: treeLoading ? /* @__PURE__ */ jsx2(TreeSkeleton, {}) : renderTree({
+        root: treeRoot,
+        selectedPath: selectedPath ?? void 0,
+        onSelect: (path) => {
+          if (filePaths.has(path)) guardedOpen(path);
+        }
+      }) })
+    ] }),
+    /* @__PURE__ */ jsxs2("div", { className: "flex min-w-0 flex-1 flex-col overflow-hidden", children: [
+      selectedFile && /* @__PURE__ */ jsxs2("div", { className: "flex shrink-0 items-center justify-between border-b border-border bg-card px-4 py-1.5", children: [
+        /* @__PURE__ */ jsx2("span", { "data-vault-path": true, className: "truncate text-xs text-muted-foreground", children: selectedFile.path }),
+        /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-1", children: [
+          canWrite && isMarkdownCapable && /* @__PURE__ */ jsxs2("div", { className: "mr-1 flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx2(
+              "button",
+              {
+                type: "button",
+                "aria-label": "Edit as rich text",
+                "aria-pressed": editorMode === "rich",
+                onClick: showRichMode,
+                className: `inline-flex h-7 items-center rounded px-2 text-xs transition-colors ${editorMode === "rich" ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted hover:text-foreground"}`,
+                children: "Rich"
+              }
+            ),
+            /* @__PURE__ */ jsx2(
+              "button",
+              {
+                type: "button",
+                "aria-label": "Edit as source",
+                "aria-pressed": editorMode === "source",
+                onClick: showSourceMode,
+                className: `inline-flex h-7 items-center rounded px-2 text-xs transition-colors ${editorMode === "source" ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted hover:text-foreground"}`,
+                children: "Source"
+              }
+            )
+          ] }),
+          renderDock && /* @__PURE__ */ jsx2(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Discuss with agent",
+              "aria-pressed": dockOpen,
+              disabled: isDirty,
+              title: isDirty ? "Save before discussing with agent" : "Discuss with agent",
+              onClick: () => setDockOpen((v) => !v),
+              className: `inline-flex items-center gap-1 rounded px-2 py-0.5 text-xs transition-colors disabled:pointer-events-none disabled:opacity-40 ${dockOpen ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted hover:text-foreground"}`,
+              children: "Discuss"
+            }
+          ),
+          canWrite && /* @__PURE__ */ jsx2(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Delete this file",
+              title: "Delete file",
+              onClick: () => setDeleteOpen(true),
+              className: "p-1 text-muted-foreground transition-colors hover:text-destructive",
+              children: "\u2715"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx2("div", { className: "flex-1 overflow-hidden", children: fileLoading ? /* @__PURE__ */ jsx2(EditorSkeleton, {}) : selectedFile && canWrite && isMarkdownCapable && editorMode === "source" ? /* @__PURE__ */ jsx2(
+        SourceEditor,
+        {
+          path: selectedFile.path,
+          content: sourceDraft,
+          saving,
+          dirty: isDirty,
+          onChange: onSourceChange,
+          onSave: () => void saveCurrent()
+        }
+      ) : selectedFile ? renderArtifact({ file: selectedFile, loading: false }) : /* @__PURE__ */ jsx2(EmptyState, {}) })
+    ] }),
+    renderDock && selectedFile && renderDock({
+      file: selectedFile,
+      open: dockOpen,
+      onClose: () => setDockOpen(false)
+    }),
+    /* @__PURE__ */ jsx2(
+      ConfirmDialog,
+      {
+        open: createOpen,
+        title: "Create vault file",
+        description: "Add a new document to this vault.",
+        confirmLabel: creating ? "Creating\u2026" : "Create",
+        confirmDisabled: creating || !newPath.trim(),
+        onConfirm: () => void handleCreate(),
+        onCancel: () => {
+          setCreateOpen(false);
+          setNewPath("");
+        },
+        children: /* @__PURE__ */ jsx2(
+          "input",
+          {
+            value: newPath,
+            autoFocus: true,
+            onChange: (e) => setNewPath(e.target.value),
+            placeholder: "e.g. playbooks/new-strategy.md",
+            "aria-label": "New file path",
+            className: "h-9 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-1 focus-visible:ring-primary/60"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      ConfirmDialog,
+      {
+        open: deleteOpen,
+        title: "Delete file?",
+        description: `This permanently removes ${selectedFile?.path ?? "this file"} from the vault.`,
+        confirmLabel: deleting ? "Deleting\u2026" : "Delete file",
+        confirmDisabled: deleting,
+        destructive: true,
+        onConfirm: () => void handleDelete(),
+        onCancel: () => setDeleteOpen(false)
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      ConfirmDialog,
+      {
+        open: pendingNav !== null,
+        title: "Discard unsaved changes?",
+        description: "Your edits to this document haven't been saved. Continue and lose them?",
+        confirmLabel: "Discard changes",
+        destructive: true,
+        onConfirm: confirmDiscard,
+        onCancel: () => setPendingNav(null)
+      }
+    )
+  ] }) });
+}
+function SourceEditor({
+  path,
+  content,
+  saving,
+  dirty,
+  onChange,
+  onSave
+}) {
+  return /* @__PURE__ */ jsxs2("div", { className: "flex h-full min-h-0 flex-col bg-background", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between gap-2 border-b border-border px-4 py-2", children: [
+      /* @__PURE__ */ jsx2("p", { className: "truncate font-mono text-[11px] text-muted-foreground", children: path }),
+      /* @__PURE__ */ jsxs2("div", { className: "flex shrink-0 items-center gap-2", children: [
+        /* @__PURE__ */ jsx2("span", { className: "rounded-full border border-border bg-background px-2.5 py-1 text-xs text-muted-foreground", children: dirty ? "Unsaved changes" : "Saved" }),
+        /* @__PURE__ */ jsx2(
+          "button",
+          {
+            type: "button",
+            onClick: onSave,
+            disabled: saving || !dirty,
+            className: "inline-flex h-7 items-center rounded-md bg-primary px-2 text-xs font-medium text-primary-foreground transition-colors hover:bg-primary/90 disabled:pointer-events-none disabled:opacity-50",
+            children: saving ? "Saving\u2026" : "Save"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx2(
+      "textarea",
+      {
+        value: content,
+        onChange: (event) => onChange(event.target.value),
+        spellCheck: false,
+        "aria-label": "Source editor",
+        className: "min-h-0 flex-1 resize-none border-0 bg-background p-4 font-mono text-sm leading-6 text-foreground outline-none"
+      }
+    )
+  ] });
+}
+
+export {
+  ConfirmDialog,
+  VaultPane
+};
+//# sourceMappingURL=chunk-SMVD76VC.js.map