efficient-shell 0.0.0-stage → 4.126.2

package/dist/Documents-5MD5SKPB.js

@@ -0,0 +1,437 @@
+import { AboutApp } from './chunk-C3NELUTX.js';
+import { WindowTitle } from './chunk-W6XTG23K.js';
+import './chunk-GA35NEND.js';
+import { escapeHtml } from './chunk-MGGY74RY.js';
+import './chunk-YMGXZABY.js';
+import { toast_default } from './chunk-2VM2FRZJ.js';
+import './chunk-YNHLQ24V.js';
+import { PopupMenu, PopupMenuLabel, PopupMenuItem, PopupMenuDivider } from './chunk-7KIOEKHS.js';
+import './chunk-HYZ5QMVO.js';
+import './chunk-3CUSBZWG.js';
+import { useState, useRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var TITLE_DISPLAY_MAX = 24;
+function truncateForTitle(s) {
+  return s.length > TITLE_DISPLAY_MAX ? `${s.slice(0, TITLE_DISPLAY_MAX - 1)}\u2026` : s;
+}
+var TEXT_EXTS = /* @__PURE__ */ new Set([
+  "txt",
+  "md",
+  "markdown",
+  "csv",
+  "tsv",
+  "log",
+  "json",
+  "xml",
+  "html",
+  "htm",
+  "css",
+  "js",
+  "jsx",
+  "ts",
+  "tsx",
+  "py",
+  "rb",
+  "go",
+  "rs",
+  "java",
+  "c",
+  "h",
+  "cpp",
+  "hpp",
+  "sh",
+  "bash",
+  "yml",
+  "yaml",
+  "toml",
+  "ini",
+  "conf",
+  "env",
+  "sql"
+]);
+var DOCX_EXTS = /* @__PURE__ */ new Set(["docx"]);
+var BLANK_DOC = { filename: "Untitled", kind: "docx", content: "", ext: "docx" };
+function Documents() {
+  const [data, setData] = useState(BLANK_DOC);
+  const [busy, setBusy] = useState(false);
+  const [isDragging, setIsDragging] = useState(false);
+  const [edited, setEdited] = useState(false);
+  const [imgMenu, setImgMenu] = useState(null);
+  const fileRef = useRef(null);
+  const imgInputRef = useRef(null);
+  const editorRef = useRef(null);
+  const exec = (cmd, value) => {
+    editorRef.current?.focus();
+    document.execCommand(cmd, false, value);
+    setEdited(true);
+  };
+  const insertImageFiles = (files) => {
+    for (const file of files) {
+      if (!file.type.startsWith("image/")) continue;
+      const reader = new FileReader();
+      reader.onload = () => {
+        editorRef.current?.focus();
+        document.execCommand("insertImage", false, String(reader.result));
+        setEdited(true);
+      };
+      reader.readAsDataURL(file);
+    }
+  };
+  const handlePaste = (e) => {
+    const images = Array.from(e.clipboardData?.items ?? []).filter((i) => i.kind === "file" && i.type.startsWith("image/")).map((i) => i.getAsFile()).filter((f) => !!f);
+    if (images.length) {
+      e.preventDefault();
+      insertImageFiles(images);
+    }
+  };
+  const handleEditorClick = (e) => {
+    const target = e.target;
+    if (target.tagName === "IMG") {
+      e.preventDefault();
+      setImgMenu({ x: e.clientX, y: e.clientY, el: target });
+    }
+  };
+  const setImageWidth = (width) => {
+    if (!imgMenu) return;
+    imgMenu.el.removeAttribute("width");
+    imgMenu.el.removeAttribute("height");
+    imgMenu.el.style.width = width ?? "";
+    imgMenu.el.style.height = width ? "auto" : "";
+    setEdited(true);
+    setImgMenu(null);
+  };
+  const removeImage = () => {
+    imgMenu?.el.remove();
+    setEdited(true);
+    setImgMenu(null);
+  };
+  const getEditorHtml = () => editorRef.current?.innerHTML ?? "";
+  const getEditorText = () => editorRef.current?.innerText ?? "";
+  const ingestFile = async (file) => {
+    const ext = (file.name.split(".").pop() || "").toLowerCase();
+    setBusy(true);
+    try {
+      if (TEXT_EXTS.has(ext) || !DOCX_EXTS.has(ext) && file.type.startsWith("text/")) {
+        const text = await file.text();
+        const html = escapeHtml(text).replace(/\n/g, "<br>");
+        setData({ filename: file.name, kind: "text", content: html, ext });
+        setEdited(false);
+      } else if (DOCX_EXTS.has(ext)) {
+        try {
+          const mammoth = await import(
+            /* @vite-ignore */
+            'mammoth'
+          );
+          const buf = await file.arrayBuffer();
+          const result = await mammoth.convertToHtml({ arrayBuffer: buf });
+          setData({ filename: file.name, kind: "docx", content: result.value || "<p><em>(empty document)</em></p>", ext });
+          setEdited(false);
+        } catch (err) {
+          toast_default.error('Install the optional "mammoth" peer dep to read .docx files.');
+        }
+      } else if (ext === "doc") {
+        toast_default.error(".doc is the legacy Word binary format \u2014 convert to .docx first.");
+      } else {
+        toast_default.error(`Unsupported file type: .${ext || "unknown"}`);
+      }
+    } finally {
+      setBusy(false);
+    }
+  };
+  const handlePick = () => fileRef.current?.click();
+  const handleFile = (e) => {
+    const file = e.target.files?.[0];
+    if (file) ingestFile(file);
+    if (fileRef.current) fileRef.current.value = "";
+  };
+  const handleDrop = (e) => {
+    e.preventDefault();
+    setIsDragging(false);
+    const files = Array.from(e.dataTransfer.files ?? []);
+    if (files.length === 0) return;
+    if (files.every((f) => f.type.startsWith("image/"))) {
+      insertImageFiles(files);
+      return;
+    }
+    ingestFile(files[0]);
+  };
+  const downloadCurrent = () => {
+    if (!data) return;
+    const html = getEditorHtml();
+    if (data.kind === "text") {
+      const hasFormatting = /<(b|strong|i|em|u|font|span style|ul|ol|img)|style="[^"]*text-align/i.test(html);
+      if (hasFormatting) {
+        const blob = new Blob([`<!doctype html><meta charset="utf-8"><title>${escapeHtml(data.filename)}</title><body style="font-family:ui-monospace,monospace;white-space:pre-wrap">${html}`], { type: "text/html" });
+        const url = URL.createObjectURL(blob);
+        const a = document.createElement("a");
+        a.href = url;
+        a.download = `${data.filename.replace(/\.[^.]+$/, "")}.html`;
+        a.click();
+        URL.revokeObjectURL(url);
+      } else {
+        const text = getEditorText();
+        const blob = new Blob([text], { type: "text/plain" });
+        const url = URL.createObjectURL(blob);
+        const a = document.createElement("a");
+        a.href = url;
+        a.download = data.filename;
+        a.click();
+        URL.revokeObjectURL(url);
+      }
+    } else {
+      const blob = new Blob([`<!doctype html><meta charset="utf-8"><title>${escapeHtml(data.filename)}</title>${html}`], { type: "text/html" });
+      const url = URL.createObjectURL(blob);
+      const a = document.createElement("a");
+      a.href = url;
+      a.download = `${data.filename.replace(/\.docx$/i, "")}.html`;
+      a.click();
+      URL.revokeObjectURL(url);
+    }
+  };
+  const titleName = data?.filename ? truncateForTitle(data.filename) : "Untitled";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "relative flex flex-col h-full",
+      onDragOver: (e) => {
+        e.preventDefault();
+        if (!isDragging) setIsDragging(true);
+      },
+      onDragLeave: (e) => {
+        if (e.currentTarget === e.target) setIsDragging(false);
+      },
+      onDrop: handleDrop,
+      children: [
+        /* @__PURE__ */ jsx(WindowTitle, { title: `${titleName}${edited ? " \u2022" : ""} - Documents` }),
+        /* @__PURE__ */ jsx(AboutApp, { app: "documents" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center flex-wrap gap-x-2 gap-y-1 px-3 py-2 border-b border-gray-200 bg-gray-50 shrink-0", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: fileRef,
+              type: "file",
+              accept: ".txt,.md,.csv,.tsv,.log,.json,.xml,.html,.htm,.css,.js,.jsx,.ts,.tsx,.py,.rb,.go,.rs,.java,.c,.h,.cpp,.hpp,.sh,.bash,.yml,.yaml,.toml,.ini,.conf,.env,.sql,.docx,text/*",
+              onChange: handleFile,
+              className: "hidden"
+            }
+          ),
+          /* @__PURE__ */ jsxs("button", { onClick: handlePick, className: "text-xs text-gray-700 hover:text-gray-900 px-2 py-1 rounded hover:bg-gray-200 transition-colors flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx("svg", { className: "h-3.5 w-3.5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3.75 9.776c.112-.017.227-.026.344-.026h15.812c.117 0 .232.009.344.026m-16.5 0a2.25 2.25 0 00-1.883 2.542l.857 6a2.25 2.25 0 002.227 1.932H19.05a2.25 2.25 0 002.227-1.932l.857-6a2.25 2.25 0 00-1.883-2.542m-16.5 0V6A2.25 2.25 0 016 3.75h3.879a1.5 1.5 0 011.06.44l2.122 2.12a1.5 1.5 0 001.06.44H18A2.25 2.25 0 0120.25 9v.776" }) }),
+            "Open"
+          ] }),
+          /* @__PURE__ */ jsx("button", { onClick: downloadCurrent, className: "text-xs text-gray-700 hover:text-gray-900 px-2 py-1 rounded hover:bg-gray-200 transition-colors", children: "Save" }),
+          /* @__PURE__ */ jsx("span", { className: "text-[10px] text-gray-400 ml-1", children: "TXT \xB7 DOCX \xB7 Code" }),
+          /* @__PURE__ */ jsx("div", { className: "h-4 w-px bg-gray-300 mx-1" }),
+          /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium text-gray-700 truncate max-w-[200px]", title: data.filename, children: [
+            data.filename,
+            edited ? " \u2022" : ""
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "h-4 w-px bg-gray-300 mx-1" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onMouseDown: (e) => e.preventDefault(),
+                onClick: () => exec("bold"),
+                className: "px-2 py-1 text-xs rounded font-bold text-gray-700 hover:bg-gray-200 transition-colors",
+                title: "Bold",
+                children: "B"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onMouseDown: (e) => e.preventDefault(),
+                onClick: () => exec("italic"),
+                className: "px-2 py-1 text-xs rounded italic text-gray-700 hover:bg-gray-200 transition-colors",
+                title: "Italic",
+                children: "I"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onMouseDown: (e) => e.preventDefault(),
+                onClick: () => exec("underline"),
+                className: "px-2 py-1 text-xs rounded underline text-gray-700 hover:bg-gray-200 transition-colors",
+                title: "Underline",
+                children: "U"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onMouseDown: (e) => e.preventDefault(),
+                onClick: () => exec("strikeThrough"),
+                className: "px-2 py-1 text-xs rounded line-through text-gray-700 hover:bg-gray-200 transition-colors",
+                title: "Strikethrough",
+                children: "S"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "h-4 w-px bg-gray-300 mx-1" }),
+          /* @__PURE__ */ jsxs(
+            "select",
+            {
+              onMouseDown: (e) => e.preventDefault(),
+              onChange: (e) => {
+                exec("fontSize", e.target.value);
+                e.currentTarget.value = "";
+              },
+              defaultValue: "",
+              className: "text-xs border border-gray-300 rounded px-1 py-0.5 bg-white",
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: "Size" }),
+                /* @__PURE__ */ jsx("option", { value: "1", children: "XS" }),
+                /* @__PURE__ */ jsx("option", { value: "2", children: "S" }),
+                /* @__PURE__ */ jsx("option", { value: "3", children: "M" }),
+                /* @__PURE__ */ jsx("option", { value: "4", children: "L" }),
+                /* @__PURE__ */ jsx("option", { value: "5", children: "XL" }),
+                /* @__PURE__ */ jsx("option", { value: "6", children: "2XL" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "color",
+              defaultValue: "#000000",
+              onChange: (e) => exec("foreColor", e.target.value),
+              className: "w-7 h-6 border border-gray-300 rounded cursor-pointer",
+              title: "Text color"
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "h-4 w-px bg-gray-300 mx-1" }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onMouseDown: (e) => e.preventDefault(),
+              onClick: () => exec("insertUnorderedList"),
+              className: "px-2 py-1 text-xs rounded text-gray-700 hover:bg-gray-200 transition-colors",
+              title: "Bulleted list",
+              children: "\u2022 List"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onMouseDown: (e) => e.preventDefault(),
+              onClick: () => exec("insertOrderedList"),
+              className: "px-2 py-1 text-xs rounded text-gray-700 hover:bg-gray-200 transition-colors",
+              title: "Numbered list",
+              children: "1."
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "h-4 w-px bg-gray-300 mx-1" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onMouseDown: (e) => e.preventDefault(),
+                onClick: () => exec("justifyLeft"),
+                className: "px-2 py-1 rounded text-gray-700 hover:bg-gray-200 transition-colors",
+                title: "Align left",
+                children: /* @__PURE__ */ jsx("svg", { className: "h-3.5 w-3.5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.8, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", d: "M3.75 6h16.5M3.75 12h9.75M3.75 18h14.25" }) })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onMouseDown: (e) => e.preventDefault(),
+                onClick: () => exec("justifyCenter"),
+                className: "px-2 py-1 rounded text-gray-700 hover:bg-gray-200 transition-colors",
+                title: "Align center",
+                children: /* @__PURE__ */ jsx("svg", { className: "h-3.5 w-3.5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.8, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", d: "M3.75 6h16.5M7.125 12h9.75M4.875 18h14.25" }) })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onMouseDown: (e) => e.preventDefault(),
+                onClick: () => exec("justifyRight"),
+                className: "px-2 py-1 rounded text-gray-700 hover:bg-gray-200 transition-colors",
+                title: "Align right",
+                children: /* @__PURE__ */ jsx("svg", { className: "h-3.5 w-3.5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.8, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", d: "M3.75 6h16.5M10.5 12h9.75M6 18h14.25" }) })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onMouseDown: (e) => e.preventDefault(),
+                onClick: () => exec("justifyFull"),
+                className: "px-2 py-1 rounded text-gray-700 hover:bg-gray-200 transition-colors",
+                title: "Justify",
+                children: /* @__PURE__ */ jsx("svg", { className: "h-3.5 w-3.5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.8, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", d: "M3.75 6h16.5M3.75 12h16.5M3.75 18h16.5" }) })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "h-4 w-px bg-gray-300 mx-1" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: imgInputRef,
+              type: "file",
+              accept: "image/*",
+              multiple: true,
+              className: "hidden",
+              onChange: (e) => {
+                if (e.target.files?.length) insertImageFiles(Array.from(e.target.files));
+                if (imgInputRef.current) imgInputRef.current.value = "";
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              onClick: () => imgInputRef.current?.click(),
+              className: "px-2 py-1 text-xs rounded text-gray-700 hover:bg-gray-200 transition-colors flex items-center gap-1",
+              title: "Insert image (or paste / drop one)",
+              children: [
+                /* @__PURE__ */ jsx("svg", { className: "h-3.5 w-3.5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z" }) }),
+                "Image"
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 overflow-hidden", children: busy ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full text-sm text-gray-400", children: "Loading\u2026" }) : /* @__PURE__ */ jsx("div", { className: `h-full overflow-auto ${data.kind === "docx" ? "bg-gray-100 px-6 py-8" : "bg-white"}`, children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: editorRef,
+            contentEditable: true,
+            suppressContentEditableWarning: true,
+            spellCheck: false,
+            onInput: () => setEdited(true),
+            onPaste: handlePaste,
+            onClick: handleEditorClick,
+            dangerouslySetInnerHTML: { __html: data.content },
+            className: data.kind === "docx" ? "docs-editor mx-auto w-[8.5in] min-h-[11in] bg-white p-[1in] shadow text-[14px] leading-relaxed text-gray-800 outline-none focus:ring-2 focus:ring-blue-400/40" : "docs-editor block w-full min-h-full p-4 font-mono text-[13px] leading-relaxed text-gray-800 bg-white outline-none whitespace-pre-wrap"
+          }
+        ) }) }),
+        isDragging && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-blue-500/15 border-4 border-dashed border-blue-500 pointer-events-none flex items-center justify-center z-20", children: /* @__PURE__ */ jsx("div", { className: "px-4 py-2 rounded-md bg-blue-600 text-white text-sm font-medium shadow-lg", children: "Drop a document to open \xB7 images insert into the page" }) }),
+        imgMenu && /* @__PURE__ */ jsxs(
+          PopupMenu,
+          {
+            minWidth: 150,
+            style: { left: imgMenu.x, top: imgMenu.y },
+            onClose: () => setImgMenu(null),
+            children: [
+              /* @__PURE__ */ jsx(PopupMenuLabel, { children: "Image width" }),
+              /* @__PURE__ */ jsx(PopupMenuItem, { onClick: () => setImageWidth("25%"), children: "25%" }),
+              /* @__PURE__ */ jsx(PopupMenuItem, { onClick: () => setImageWidth("50%"), children: "50%" }),
+              /* @__PURE__ */ jsx(PopupMenuItem, { onClick: () => setImageWidth("75%"), children: "75%" }),
+              /* @__PURE__ */ jsx(PopupMenuItem, { onClick: () => setImageWidth("100%"), children: "100%" }),
+              /* @__PURE__ */ jsx(PopupMenuItem, { onClick: () => setImageWidth(null), children: "Original size" }),
+              /* @__PURE__ */ jsx(PopupMenuDivider, {}),
+              /* @__PURE__ */ jsx(PopupMenuItem, { danger: true, onClick: removeImage, children: "Remove image" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { Documents as default };
+//# sourceMappingURL=Documents-5MD5SKPB.js.map
+//# sourceMappingURL=Documents-5MD5SKPB.js.map

package/dist/Documents-5MD5SKPB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/apps/Documents.tsx"],"names":[],"mappings":"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","file":"Documents-5MD5SKPB.js","sourcesContent":["/**\n * Documents — windowed viewer / editor for plain-text and Word documents.\n * TXT-family files (.txt, .md, .csv, .log, .json, .xml, .html, .css, .ts,\n * .tsx, .js, .jsx, .py, .yml, .yaml, .toml, .sh) open in a full-width\n * monospace editor. Word .docx files (and new blank documents) open on a\n * letter-size page (8.5 × 11 in) with rich formatting: bold/italic/…,\n * font size & color, bulleted / numbered lists, text alignment, and\n * images (toolbar button, paste, or drag-drop; click an image to resize\n * or remove it — images embed as data URLs so saved files stay\n * self-contained). .docx conversion uses mammoth (an optional peer dep).\n *\n * Open files via the toolbar's Open button or by dragging them onto\n * the window.\n */\nimport { useState, useRef, useEffect } from 'react';\nimport { WindowTitle } from '../shell/Modal';\nimport { PopupMenu, PopupMenuItem, PopupMenuDivider, PopupMenuLabel } from '../shell/PopupMenu';\nimport toast from '../shell/toast';\nimport AboutApp from './_about';\nimport { escapeHtml } from '../utils/escapeHtml';\n\nconst TITLE_DISPLAY_MAX = 24;\nfunction truncateForTitle(s: string) {\n  return s.length > TITLE_DISPLAY_MAX ? `${s.slice(0, TITLE_DISPLAY_MAX - 1)}…` : s;\n}\n\nconst TEXT_EXTS = new Set([\n  'txt', 'md', 'markdown', 'csv', 'tsv', 'log', 'json', 'xml',\n  'html', 'htm', 'css', 'js', 'jsx', 'ts', 'tsx', 'py', 'rb',\n  'go', 'rs', 'java', 'c', 'h', 'cpp', 'hpp', 'sh', 'bash',\n  'yml', 'yaml', 'toml', 'ini', 'conf', 'env', 'sql',\n]);\nconst DOCX_EXTS = new Set(['docx']);\n\ninterface DocData {\n  filename: string;\n  kind: 'text' | 'docx';\n  content: string;\n  /** Original mime / extension hint for the download button. */\n  ext: string;\n}\n\nconst BLANK_DOC: DocData = { filename: 'Untitled', kind: 'docx', content: '', ext: 'docx' };\n\nexport default function Documents() {\n  // Documents is for editing — open with a blank paper-style canvas so the\n  // user can start typing immediately. Loading a file replaces this state.\n  const [data, setData] = useState<DocData>(BLANK_DOC);\n  const [busy, setBusy] = useState(false);\n  const [isDragging, setIsDragging] = useState(false);\n  const [edited, setEdited] = useState(false);\n  // Floating menu shown when an image in the document is clicked.\n  const [imgMenu, setImgMenu] = useState<{ x: number; y: number; el: HTMLImageElement } | null>(null);\n  const fileRef = useRef<HTMLInputElement>(null);\n  const imgInputRef = useRef<HTMLInputElement>(null);\n  const editorRef = useRef<HTMLDivElement>(null);\n\n  // Apply a formatting command to the current selection in the editor.\n  const exec = (cmd: string, value?: string) => {\n    editorRef.current?.focus();\n    document.execCommand(cmd, false, value);\n    setEdited(true);\n  };\n\n  // ── Images ──\n  // Inserted at the caret as data URLs, so the document needs no server-side\n  // storage and a saved .html round-trips with its images embedded.\n  const insertImageFiles = (files: File[]) => {\n    for (const file of files) {\n      if (!file.type.startsWith('image/')) continue;\n      const reader = new FileReader();\n      reader.onload = () => {\n        editorRef.current?.focus();\n        document.execCommand('insertImage', false, String(reader.result));\n        setEdited(true);\n      };\n      reader.readAsDataURL(file);\n    }\n  };\n\n  const handlePaste = (e: React.ClipboardEvent) => {\n    const images = Array.from(e.clipboardData?.items ?? [])\n      .filter(i => i.kind === 'file' && i.type.startsWith('image/'))\n      .map(i => i.getAsFile())\n      .filter((f): f is File => !!f);\n    if (images.length) {\n      e.preventDefault();\n      insertImageFiles(images);\n    }\n  };\n\n  // Click an image → floating resize / remove menu.\n  const handleEditorClick = (e: React.MouseEvent) => {\n    const target = e.target as HTMLElement;\n    if (target.tagName === 'IMG') {\n      e.preventDefault();\n      setImgMenu({ x: e.clientX, y: e.clientY, el: target as HTMLImageElement });\n    }\n  };\n\n  const setImageWidth = (width: string | null) => {\n    if (!imgMenu) return;\n    // Pixel width/height attributes (e.g. from pasted HTML) would fight the\n    // percentage style — drop them and let height follow the aspect ratio.\n    imgMenu.el.removeAttribute('width');\n    imgMenu.el.removeAttribute('height');\n    imgMenu.el.style.width = width ?? '';\n    imgMenu.el.style.height = width ? 'auto' : '';\n    setEdited(true);\n    setImgMenu(null);\n  };\n\n  const removeImage = () => {\n    imgMenu?.el.remove();\n    setEdited(true);\n    setImgMenu(null);\n  };\n\n  // Pull current HTML out of the editor (for save).\n  const getEditorHtml = () => editorRef.current?.innerHTML ?? '';\n  const getEditorText = () => editorRef.current?.innerText ?? '';\n\n  const ingestFile = async (file: File) => {\n    const ext = (file.name.split('.').pop() || '').toLowerCase();\n    setBusy(true);\n    try {\n      if (TEXT_EXTS.has(ext) || (!DOCX_EXTS.has(ext) && file.type.startsWith('text/'))) {\n        const text = await file.text();\n        // Convert plain text → HTML so the contenteditable shows\n        // line breaks correctly. Escape HTML special chars first.\n        const html = escapeHtml(text).replace(/\\n/g, '<br>');\n        setData({ filename: file.name, kind: 'text', content: html, ext });\n        setEdited(false);\n      } else if (DOCX_EXTS.has(ext)) {\n        try {\n          // mammoth is an optional peer dep — convert .docx → HTML.\n          const mammoth = await import(/* @vite-ignore */ 'mammoth' as any);\n          const buf = await file.arrayBuffer();\n          const result = await mammoth.convertToHtml({ arrayBuffer: buf });\n          setData({ filename: file.name, kind: 'docx', content: result.value || '<p><em>(empty document)</em></p>', ext });\n          setEdited(false);\n        } catch (err) {\n          toast.error('Install the optional \"mammoth\" peer dep to read .docx files.');\n        }\n      } else if (ext === 'doc') {\n        toast.error('.doc is the legacy Word binary format — convert to .docx first.');\n      } else {\n        toast.error(`Unsupported file type: .${ext || 'unknown'}`);\n      }\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  const handlePick = () => fileRef.current?.click();\n  const handleFile = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const file = e.target.files?.[0];\n    if (file) ingestFile(file);\n    if (fileRef.current) fileRef.current.value = '';\n  };\n  const handleDrop = (e: React.DragEvent) => {\n    e.preventDefault();\n    setIsDragging(false);\n    const files = Array.from(e.dataTransfer.files ?? []);\n    if (files.length === 0) return;\n    // Dropped images go INTO the document; anything else opens as a document.\n    if (files.every(f => f.type.startsWith('image/'))) {\n      insertImageFiles(files);\n      return;\n    }\n    ingestFile(files[0]);\n  };\n\n  const downloadCurrent = () => {\n    if (!data) return;\n    const html = getEditorHtml();\n    if (data.kind === 'text') {\n      // If the user added formatting, save as .html alongside; otherwise\n      // strip back to plain text so the original .txt round-trips cleanly.\n      // (`style=\"…text-align` only matches a real attribute — literal text\n      // mentioning text-align gets its quotes escaped to &quot; on load.)\n      const hasFormatting = /<(b|strong|i|em|u|font|span style|ul|ol|img)|style=\"[^\"]*text-align/i.test(html);\n      if (hasFormatting) {\n        const blob = new Blob([`<!doctype html><meta charset=\"utf-8\"><title>${escapeHtml(data.filename)}</title><body style=\"font-family:ui-monospace,monospace;white-space:pre-wrap\">${html}`], { type: 'text/html' });\n        const url = URL.createObjectURL(blob);\n        const a = document.createElement('a'); a.href = url; a.download = `${data.filename.replace(/\\.[^.]+$/, '')}.html`; a.click();\n        URL.revokeObjectURL(url);\n      } else {\n        const text = getEditorText();\n        const blob = new Blob([text], { type: 'text/plain' });\n        const url = URL.createObjectURL(blob);\n        const a = document.createElement('a'); a.href = url; a.download = data.filename; a.click();\n        URL.revokeObjectURL(url);\n      }\n    } else {\n      const blob = new Blob([`<!doctype html><meta charset=\"utf-8\"><title>${escapeHtml(data.filename)}</title>${html}`], { type: 'text/html' });\n      const url = URL.createObjectURL(blob);\n      const a = document.createElement('a');\n      a.href = url; a.download = `${data.filename.replace(/\\.docx$/i, '')}.html`; a.click();\n      URL.revokeObjectURL(url);\n    }\n  };\n\n  const titleName = data?.filename ? truncateForTitle(data.filename) : 'Untitled';\n\n  return (\n    <div\n      className=\"relative flex flex-col h-full\"\n      onDragOver={(e) => { e.preventDefault(); if (!isDragging) setIsDragging(true); }}\n      onDragLeave={(e) => { if (e.currentTarget === e.target) setIsDragging(false); }}\n      onDrop={handleDrop}\n    >\n      <WindowTitle title={`${titleName}${edited ? ' •' : ''} - Documents`} />\n      <AboutApp app=\"documents\" />\n\n      {/* Toolbar */}\n      <div className=\"flex items-center flex-wrap gap-x-2 gap-y-1 px-3 py-2 border-b border-gray-200 bg-gray-50 shrink-0\">\n        <input\n          ref={fileRef}\n          type=\"file\"\n          accept=\".txt,.md,.csv,.tsv,.log,.json,.xml,.html,.htm,.css,.js,.jsx,.ts,.tsx,.py,.rb,.go,.rs,.java,.c,.h,.cpp,.hpp,.sh,.bash,.yml,.yaml,.toml,.ini,.conf,.env,.sql,.docx,text/*\"\n          onChange={handleFile}\n          className=\"hidden\"\n        />\n        <button onClick={handlePick} className=\"text-xs text-gray-700 hover:text-gray-900 px-2 py-1 rounded hover:bg-gray-200 transition-colors flex items-center gap-1\">\n          <svg className=\"h-3.5 w-3.5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5}>\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M3.75 9.776c.112-.017.227-.026.344-.026h15.812c.117 0 .232.009.344.026m-16.5 0a2.25 2.25 0 00-1.883 2.542l.857 6a2.25 2.25 0 002.227 1.932H19.05a2.25 2.25 0 002.227-1.932l.857-6a2.25 2.25 0 00-1.883-2.542m-16.5 0V6A2.25 2.25 0 016 3.75h3.879a1.5 1.5 0 011.06.44l2.122 2.12a1.5 1.5 0 001.06.44H18A2.25 2.25 0 0120.25 9v.776\" />\n          </svg>\n          Open\n        </button>\n        <button onClick={downloadCurrent} className=\"text-xs text-gray-700 hover:text-gray-900 px-2 py-1 rounded hover:bg-gray-200 transition-colors\">\n          Save\n        </button>\n        <span className=\"text-[10px] text-gray-400 ml-1\">TXT · DOCX · Code</span>\n        <div className=\"h-4 w-px bg-gray-300 mx-1\" />\n        <span className=\"text-xs font-medium text-gray-700 truncate max-w-[200px]\" title={data.filename}>\n          {data.filename}{edited ? ' •' : ''}\n        </span>\n\n        {/* Formatting toolbar */}\n        <div className=\"h-4 w-px bg-gray-300 mx-1\" />\n        <div className=\"flex items-center gap-0.5\">\n          <button onMouseDown={e => e.preventDefault()} onClick={() => exec('bold')}\n            className=\"px-2 py-1 text-xs rounded font-bold text-gray-700 hover:bg-gray-200 transition-colors\" title=\"Bold\">B</button>\n          <button onMouseDown={e => e.preventDefault()} onClick={() => exec('italic')}\n            className=\"px-2 py-1 text-xs rounded italic text-gray-700 hover:bg-gray-200 transition-colors\" title=\"Italic\">I</button>\n          <button onMouseDown={e => e.preventDefault()} onClick={() => exec('underline')}\n            className=\"px-2 py-1 text-xs rounded underline text-gray-700 hover:bg-gray-200 transition-colors\" title=\"Underline\">U</button>\n          <button onMouseDown={e => e.preventDefault()} onClick={() => exec('strikeThrough')}\n            className=\"px-2 py-1 text-xs rounded line-through text-gray-700 hover:bg-gray-200 transition-colors\" title=\"Strikethrough\">S</button>\n        </div>\n        <div className=\"h-4 w-px bg-gray-300 mx-1\" />\n        <select onMouseDown={e => e.preventDefault()} onChange={e => { exec('fontSize', e.target.value); e.currentTarget.value = ''; }}\n          defaultValue=\"\" className=\"text-xs border border-gray-300 rounded px-1 py-0.5 bg-white\">\n          <option value=\"\" disabled>Size</option>\n          <option value=\"1\">XS</option>\n          <option value=\"2\">S</option>\n          <option value=\"3\">M</option>\n          <option value=\"4\">L</option>\n          <option value=\"5\">XL</option>\n          <option value=\"6\">2XL</option>\n        </select>\n        <input type=\"color\" defaultValue=\"#000000\" onChange={e => exec('foreColor', e.target.value)}\n          className=\"w-7 h-6 border border-gray-300 rounded cursor-pointer\" title=\"Text color\" />\n        <div className=\"h-4 w-px bg-gray-300 mx-1\" />\n        <button onMouseDown={e => e.preventDefault()} onClick={() => exec('insertUnorderedList')}\n          className=\"px-2 py-1 text-xs rounded text-gray-700 hover:bg-gray-200 transition-colors\" title=\"Bulleted list\">• List</button>\n        <button onMouseDown={e => e.preventDefault()} onClick={() => exec('insertOrderedList')}\n          className=\"px-2 py-1 text-xs rounded text-gray-700 hover:bg-gray-200 transition-colors\" title=\"Numbered list\">1.</button>\n\n        {/* Alignment */}\n        <div className=\"h-4 w-px bg-gray-300 mx-1\" />\n        <div className=\"flex items-center gap-0.5\">\n          <button onMouseDown={e => e.preventDefault()} onClick={() => exec('justifyLeft')}\n            className=\"px-2 py-1 rounded text-gray-700 hover:bg-gray-200 transition-colors\" title=\"Align left\">\n            <svg className=\"h-3.5 w-3.5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.8}>\n              <path strokeLinecap=\"round\" d=\"M3.75 6h16.5M3.75 12h9.75M3.75 18h14.25\" />\n            </svg>\n          </button>\n          <button onMouseDown={e => e.preventDefault()} onClick={() => exec('justifyCenter')}\n            className=\"px-2 py-1 rounded text-gray-700 hover:bg-gray-200 transition-colors\" title=\"Align center\">\n            <svg className=\"h-3.5 w-3.5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.8}>\n              <path strokeLinecap=\"round\" d=\"M3.75 6h16.5M7.125 12h9.75M4.875 18h14.25\" />\n            </svg>\n          </button>\n          <button onMouseDown={e => e.preventDefault()} onClick={() => exec('justifyRight')}\n            className=\"px-2 py-1 rounded text-gray-700 hover:bg-gray-200 transition-colors\" title=\"Align right\">\n            <svg className=\"h-3.5 w-3.5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.8}>\n              <path strokeLinecap=\"round\" d=\"M3.75 6h16.5M10.5 12h9.75M6 18h14.25\" />\n            </svg>\n          </button>\n          <button onMouseDown={e => e.preventDefault()} onClick={() => exec('justifyFull')}\n            className=\"px-2 py-1 rounded text-gray-700 hover:bg-gray-200 transition-colors\" title=\"Justify\">\n            <svg className=\"h-3.5 w-3.5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.8}>\n              <path strokeLinecap=\"round\" d=\"M3.75 6h16.5M3.75 12h16.5M3.75 18h16.5\" />\n            </svg>\n          </button>\n        </div>\n\n        {/* Image insert */}\n        <div className=\"h-4 w-px bg-gray-300 mx-1\" />\n        <input\n          ref={imgInputRef}\n          type=\"file\"\n          accept=\"image/*\"\n          multiple\n          className=\"hidden\"\n          onChange={e => {\n            if (e.target.files?.length) insertImageFiles(Array.from(e.target.files));\n            if (imgInputRef.current) imgInputRef.current.value = '';\n          }}\n        />\n        <button onClick={() => imgInputRef.current?.click()}\n          className=\"px-2 py-1 text-xs rounded text-gray-700 hover:bg-gray-200 transition-colors flex items-center gap-1\" title=\"Insert image (or paste / drop one)\">\n          <svg className=\"h-3.5 w-3.5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5}>\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z\" />\n          </svg>\n          Image\n        </button>\n      </div>\n\n      {/* Body */}\n      <div className=\"flex-1 min-h-0 overflow-hidden\">\n        {busy ? (\n          <div className=\"flex items-center justify-center h-full text-sm text-gray-400\">Loading…</div>\n        ) : (\n          <div className={`h-full overflow-auto ${data.kind === 'docx' ? 'bg-gray-100 px-6 py-8' : 'bg-white'}`}>\n            {/* Word-style documents render on a US-letter page (8.5 × 11 in,\n                1 in margins) that grows past 11 in as content does; the gray\n                \"desk\" scrolls when the window is narrower than the page. */}\n            <div\n              ref={editorRef}\n              contentEditable\n              suppressContentEditableWarning\n              spellCheck={false}\n              onInput={() => setEdited(true)}\n              onPaste={handlePaste}\n              onClick={handleEditorClick}\n              dangerouslySetInnerHTML={{ __html: data.content }}\n              className={\n                data.kind === 'docx'\n                  ? 'docs-editor mx-auto w-[8.5in] min-h-[11in] bg-white p-[1in] shadow text-[14px] leading-relaxed text-gray-800 outline-none focus:ring-2 focus:ring-blue-400/40'\n                  : 'docs-editor block w-full min-h-full p-4 font-mono text-[13px] leading-relaxed text-gray-800 bg-white outline-none whitespace-pre-wrap'\n              }\n            />\n          </div>\n        )}\n      </div>\n\n      {isDragging && (\n        <div className=\"absolute inset-0 bg-blue-500/15 border-4 border-dashed border-blue-500 pointer-events-none flex items-center justify-center z-20\">\n          <div className=\"px-4 py-2 rounded-md bg-blue-600 text-white text-sm font-medium shadow-lg\">\n            Drop a document to open · images insert into the page\n          </div>\n        </div>\n      )}\n\n      {/* Image menu — resize / remove the clicked image */}\n      {imgMenu && (\n        <PopupMenu\n          minWidth={150}\n          style={{ left: imgMenu.x, top: imgMenu.y }}\n          onClose={() => setImgMenu(null)}\n        >\n          <PopupMenuLabel>Image width</PopupMenuLabel>\n          <PopupMenuItem onClick={() => setImageWidth('25%')}>25%</PopupMenuItem>\n          <PopupMenuItem onClick={() => setImageWidth('50%')}>50%</PopupMenuItem>\n          <PopupMenuItem onClick={() => setImageWidth('75%')}>75%</PopupMenuItem>\n          <PopupMenuItem onClick={() => setImageWidth('100%')}>100%</PopupMenuItem>\n          <PopupMenuItem onClick={() => setImageWidth(null)}>Original size</PopupMenuItem>\n          <PopupMenuDivider />\n          <PopupMenuItem danger onClick={removeImage}>Remove image</PopupMenuItem>\n        </PopupMenu>\n      )}\n    </div>\n  );\n}\n\n"]}