react-os-shell 0.1.0

package/dist/Notepad-YTZRCAXX.js

@@ -0,0 +1,389 @@
+import { useShellPrefs } from './chunk-TFGOLXGD.js';
+import { toast_default } from './chunk-WIJ45SYD.js';
+import { useWindowManager, client_default } from './chunk-WQIS72NL.js';
+import './chunk-RFTLYCSF.js';
+import { useRef, useEffect, useState, useCallback } from 'react';
+import { useQuery } from '@tanstack/react-query';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/api/auth.ts
+var getNumberingConfigs = () => client_default.get("/auth/numbering-configs/").then((r) => r.data?.results ?? r.data ?? []);
+var COLORS = [
+  { key: "yellow", bg: "bg-yellow-100", border: "border-yellow-300", text: "text-yellow-900", dot: "bg-yellow-400" },
+  { key: "blue", bg: "bg-blue-100", border: "border-blue-300", text: "text-blue-900", dot: "bg-blue-400" },
+  { key: "green", bg: "bg-green-100", border: "border-green-300", text: "text-green-900", dot: "bg-green-400" },
+  { key: "pink", bg: "bg-pink-100", border: "border-pink-300", text: "text-pink-900", dot: "bg-pink-400" },
+  { key: "purple", bg: "bg-purple-100", border: "border-purple-300", text: "text-purple-900", dot: "bg-purple-400" },
+  { key: "orange", bg: "bg-orange-100", border: "border-orange-300", text: "text-orange-900", dot: "bg-orange-400" },
+  { key: "white", bg: "bg-white", border: "border-gray-300", text: "text-gray-900", dot: "bg-gray-300" }
+];
+function getColor(key) {
+  return COLORS.find((c) => c.key === key) || COLORS[0];
+}
+function newNote() {
+  return {
+    id: `note-${Date.now()}-${Math.random().toString(36).slice(2, 6)}`,
+    title: "",
+    content: "",
+    color: "yellow",
+    sticky: false,
+    updated_at: (/* @__PURE__ */ new Date()).toISOString()
+  };
+}
+var ENTITY_TYPE_MAP = {
+  sales_order: { entityType: "order", endpoint: "/orders/sales-orders/" },
+  purchase_order: { entityType: "purchase_order", endpoint: "/purchase-orders/" },
+  invoice: { entityType: "invoice", endpoint: "/invoicing/invoices/" },
+  vendor_invoice: { entityType: "vendor_invoice", endpoint: "/invoicing/vendor-invoices/" },
+  shipment: { entityType: "shipment", endpoint: "/shipments/delivery-notes/" },
+  receipt: { entityType: "payment", endpoint: "/invoicing/payments/" },
+  vendor_payment: { entityType: "vendor_payment", endpoint: "/invoicing/vendor-payments/" },
+  vendor_price_sheet: { entityType: "vendor_price_sheet", endpoint: "/pricing/manufacturer-price-sheets/" },
+  client_price_sheet: { entityType: "price_sheet", endpoint: "/pricing/price-sheets/" },
+  qc_report: { entityType: "qc_report", endpoint: "/qc-reports/" },
+  warranty_claim: { entityType: "warranty_claim", endpoint: "/warranty-claims/claims/" },
+  vendor_shipment: { entityType: "vendor_shipment", endpoint: "/shipments/goods-receipts/" }
+};
+var CHECKBOX_REGEX = /\[([ xX]?)\]/g;
+function Notepad() {
+  const { openEntity } = useWindowManager();
+  const { prefs, save } = useShellPrefs();
+  const { data: numberingConfigs } = useQuery({
+    queryKey: ["numbering-configs"],
+    queryFn: () => getNumberingConfigs(),
+    retry: false
+  });
+  const prefixMap = useRef({});
+  useEffect(() => {
+    if (!numberingConfigs) return;
+    const map = {};
+    for (const cfg of numberingConfigs) {
+      const mapping = ENTITY_TYPE_MAP[cfg.entity_type];
+      if (!mapping) continue;
+      const rawPrefix = (cfg.prefix || "").replace("#", "").toUpperCase();
+      if (rawPrefix) {
+        map[rawPrefix] = { ...mapping, prefix: cfg.prefix };
+      }
+      if (cfg.alt_prefix) {
+        const altRaw = cfg.alt_prefix.replace("#", "").toUpperCase();
+        if (altRaw) map[altRaw] = { ...mapping, prefix: cfg.alt_prefix };
+      }
+    }
+    prefixMap.current = map;
+  }, [numberingConfigs]);
+  const notes = prefs.notepad_notes || [];
+  const [selectedId, setSelectedId] = useState(null);
+  const [editTitle, setEditTitle] = useState("");
+  const [editContent, setEditContent] = useState("");
+  const [editColor, setEditColor] = useState("yellow");
+  const [dirty, setDirty] = useState(false);
+  const [editing, setEditing] = useState(false);
+  const textareaRef = useRef(null);
+  const saveTimerRef = useRef();
+  const selected = notes.find((n) => n.id === selectedId);
+  useEffect(() => {
+    if (!selectedId && notes.length > 0) {
+      const n = notes[0];
+      setSelectedId(n.id);
+      setEditTitle(n.title);
+      setEditContent(n.content);
+      setEditColor(n.color);
+    }
+  }, [notes.length]);
+  const saveNotes = useCallback((updated) => {
+    save({ notepad_notes: updated });
+  }, [save]);
+  const autoSave = useCallback(() => {
+    if (!selectedId || !dirty) return;
+    const updated = notes.map(
+      (n) => n.id === selectedId ? { ...n, title: editTitle, content: editContent, color: editColor, updated_at: (/* @__PURE__ */ new Date()).toISOString() } : n
+    );
+    saveNotes(updated);
+    setDirty(false);
+  }, [selectedId, dirty, editTitle, editContent, editColor, notes, saveNotes]);
+  useEffect(() => {
+    if (!dirty) return;
+    if (saveTimerRef.current) clearTimeout(saveTimerRef.current);
+    saveTimerRef.current = setTimeout(autoSave, 800);
+    return () => {
+      if (saveTimerRef.current) clearTimeout(saveTimerRef.current);
+    };
+  }, [dirty, autoSave]);
+  useEffect(() => () => {
+    if (dirty) autoSave();
+  }, []);
+  const selectNote = (n) => {
+    if (dirty) autoSave();
+    setSelectedId(n.id);
+    setEditTitle(n.title);
+    setEditContent(n.content);
+    setEditColor(n.color);
+    setDirty(false);
+    setEditing(false);
+  };
+  const createNote = () => {
+    if (dirty) autoSave();
+    const n = newNote();
+    const updated = [n, ...notes];
+    saveNotes(updated);
+    setSelectedId(n.id);
+    setEditTitle("");
+    setEditContent("");
+    setEditColor("yellow");
+    setDirty(false);
+    setEditing(true);
+    setTimeout(() => textareaRef.current?.focus(), 50);
+  };
+  const deleteNote = (id) => {
+    const updated = notes.filter((n) => n.id !== id);
+    saveNotes(updated);
+    if (selectedId === id) {
+      const next = updated[0];
+      if (next) selectNote(next);
+      else {
+        setSelectedId(null);
+        setEditTitle("");
+        setEditContent("");
+      }
+    }
+  };
+  const toggleSticky = (id) => {
+    const updated = notes.map(
+      (n) => n.id === id ? { ...n, sticky: !n.sticky } : n
+    );
+    saveNotes(updated);
+    const note = updated.find((n) => n.id === id);
+    toast_default.success(note?.sticky ? "Pinned to desktop" : "Removed from desktop");
+  };
+  const timeAgo = (iso) => {
+    const diff = Date.now() - new Date(iso).getTime();
+    const mins = Math.floor(diff / 6e4);
+    if (mins < 1) return "just now";
+    if (mins < 60) return `${mins}m ago`;
+    const hrs = Math.floor(mins / 60);
+    if (hrs < 24) return `${hrs}h ago`;
+    const days = Math.floor(hrs / 24);
+    return `${days}d ago`;
+  };
+  const toggleCheckbox = (charIndex) => {
+    const before = editContent.slice(0, charIndex);
+    const match = editContent.slice(charIndex).match(/^\[([ xX]?)\]/);
+    if (!match) return;
+    const isChecked = match[1] === "x" || match[1] === "X";
+    const replacement = isChecked ? "[ ]" : "[x]";
+    const after = editContent.slice(charIndex + match[0].length);
+    setEditContent(before + replacement + after);
+    setDirty(true);
+  };
+  const openRef = async (prefix, number) => {
+    const mapping = prefixMap.current[prefix];
+    if (!mapping) return;
+    const refNum = `${prefix}#${number}`;
+    try {
+      const { data } = await client_default.get(mapping.endpoint, { params: { search: refNum, page_size: 1 } });
+      const results = data?.results ?? data ?? [];
+      const entity = results[0];
+      if (entity) {
+        openEntity(mapping.entityType, entity.id, entity, refNum);
+      } else {
+        toast_default.error(`${refNum} not found`);
+      }
+    } catch {
+      toast_default.error(`Failed to look up ${refNum}`);
+    }
+  };
+  const renderContent = (text) => {
+    if (!text) return [];
+    const lines = text.split("\n");
+    return lines.map((line, li) => {
+      const parts = [];
+      let lastIdx = 0;
+      const tokens = [];
+      const refRegex = /([A-Z]{2,4})#(\d{4,6})/g;
+      let m;
+      while ((m = refRegex.exec(line)) !== null) {
+        const prefix = m[1];
+        const num = m[2];
+        if (prefixMap.current[prefix]) {
+          const startIdx = m.index;
+          const matchText = m[0];
+          tokens.push({
+            idx: startIdx,
+            len: matchText.length,
+            render: () => /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: () => openRef(prefix, num),
+                className: "text-blue-600 hover:text-blue-800 hover:underline font-medium cursor-pointer",
+                children: matchText
+              },
+              `ref-${li}-${startIdx}`
+            )
+          });
+        }
+      }
+      CHECKBOX_REGEX.lastIndex = 0;
+      let lineStartInContent = 0;
+      for (let i = 0; i < li; i++) lineStartInContent += lines[i].length + 1;
+      while ((m = CHECKBOX_REGEX.exec(line)) !== null) {
+        const isChecked = m[1] === "x" || m[1] === "X";
+        const startIdx = m.index;
+        const contentCharIdx = lineStartInContent + startIdx;
+        tokens.push({
+          idx: startIdx,
+          len: m[0].length,
+          render: () => /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => toggleCheckbox(contentCharIdx),
+              className: `inline-flex items-center justify-center w-4 h-4 rounded border ${isChecked ? "bg-blue-500 border-blue-500 text-white" : "border-gray-400 bg-white hover:border-blue-400"} cursor-pointer align-text-bottom mr-0.5`,
+              children: isChecked && /* @__PURE__ */ jsx("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 3, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 12.75l6 6 9-13.5" }) })
+            },
+            `cb-${li}-${startIdx}`
+          )
+        });
+      }
+      tokens.sort((a, b) => a.idx - b.idx);
+      for (const token of tokens) {
+        if (token.idx > lastIdx) {
+          parts.push(/* @__PURE__ */ jsx("span", { children: line.slice(lastIdx, token.idx) }, `t-${li}-${lastIdx}`));
+        }
+        parts.push(token.render());
+        lastIdx = token.idx + token.len;
+      }
+      if (lastIdx < line.length) {
+        parts.push(/* @__PURE__ */ jsx("span", { children: line.slice(lastIdx) }, `t-${li}-${lastIdx}`));
+      }
+      if (parts.length === 0) parts.push(/* @__PURE__ */ jsx("span", { children: "\u200B" }, `empty-${li}`));
+      const lineHasChecked = /^\[x\]/i.test(line.trimStart());
+      return /* @__PURE__ */ jsx("div", { className: lineHasChecked ? "line-through text-gray-400" : "", children: parts }, li);
+    });
+  };
+  const startEditing = () => {
+    setEditing(true);
+    setTimeout(() => textareaRef.current?.focus(), 50);
+  };
+  const stopEditing = () => {
+    setEditing(false);
+    if (dirty) autoSave();
+  };
+  const PLACEHOLDER_HINT = `Start writing...
+
+Tips:
+  [] Type [] for a checkbox, click to toggle
+  SO#35001 Type XX#NNNNN to link entities (SO, PO, CI, VI, PL, etc.)`;
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full", children: [
+    /* @__PURE__ */ jsxs("div", { className: "w-56 shrink-0 border-r border-gray-200 flex flex-col", children: [
+      /* @__PURE__ */ jsx("div", { className: "p-2 border-b border-gray-200", children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: createNote,
+          className: "w-full flex items-center justify-center gap-1.5 rounded-lg bg-blue-600 text-white px-3 py-1.5 text-sm font-medium hover:bg-blue-700 transition-colors",
+          children: [
+            /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m7.5-7.5h-15" }) }),
+            "New Note"
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto", children: notes.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-400 text-center py-8 px-4", children: "No notes yet. Create one to get started." }) : notes.map((n) => {
+        const c = getColor(n.color);
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => selectNote(n),
+            className: `w-full text-left px-3 py-2.5 border-b border-gray-100 transition-colors ${selectedId === n.id ? "bg-blue-50" : "hover:bg-gray-50"}`,
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx("div", { className: `w-2.5 h-2.5 rounded-full shrink-0 ${c.dot}` }),
+                /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-gray-900 truncate flex-1", children: n.title || "Untitled" }),
+                n.sticky && /* @__PURE__ */ jsx("svg", { className: "h-3 w-3 text-amber-500 shrink-0", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { d: "M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 21V5z" }) })
+              ] }),
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-400 mt-0.5 truncate ml-4.5", children: n.content.replace(/\[[ xX]?\]/g, "").slice(0, 60) || "Empty note" }),
+              /* @__PURE__ */ jsx("p", { className: "text-[10px] text-gray-300 mt-0.5 ml-4.5", children: timeAgo(n.updated_at) })
+            ]
+          },
+          n.id
+        );
+      }) })
+    ] }),
+    selectedId ? /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col min-w-0", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-4 py-2 border-b border-gray-200", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            value: editTitle,
+            onChange: (e) => {
+              setEditTitle(e.target.value);
+              setDirty(true);
+            },
+            placeholder: "Note title...",
+            className: "flex-1 text-lg font-semibold text-gray-900 outline-none bg-transparent placeholder:text-gray-300"
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "flex gap-1", children: COLORS.map((c) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => {
+              setEditColor(c.key);
+              setDirty(true);
+            },
+            className: `w-5 h-5 rounded-full border-2 transition-all ${c.dot} ${editColor === c.key ? "border-gray-600 scale-110" : "border-transparent hover:border-gray-400"}`,
+            title: c.key
+          },
+          c.key
+        )) }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => toggleSticky(selectedId),
+            title: selected?.sticky ? "Remove from desktop" : "Pin to desktop",
+            className: `p-1 rounded transition-colors ${selected?.sticky ? "text-amber-500 hover:text-amber-600" : "text-gray-300 hover:text-amber-400"}`,
+            children: /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: selected?.sticky ? "currentColor" : "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 21V5z" }) })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => deleteNote(selectedId),
+            title: "Delete note",
+            className: "p-1 rounded text-gray-300 hover:text-red-500 transition-colors",
+            children: /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" }) })
+          }
+        )
+      ] }),
+      editing ? /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          ref: textareaRef,
+          value: editContent,
+          onChange: (e) => {
+            setEditContent(e.target.value);
+            setDirty(true);
+          },
+          onBlur: stopEditing,
+          placeholder: PLACEHOLDER_HINT,
+          className: "flex-1 p-4 text-sm text-gray-700 outline-none resize-none bg-transparent leading-relaxed placeholder:text-gray-300 font-mono"
+        }
+      ) : /* @__PURE__ */ jsx(
+        "div",
+        {
+          onClick: startEditing,
+          className: "flex-1 p-4 text-sm text-gray-700 overflow-y-auto leading-relaxed cursor-text",
+          children: editContent ? renderContent(editContent) : /* @__PURE__ */ jsx("p", { className: "text-gray-300 whitespace-pre-line", children: PLACEHOLDER_HINT })
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "px-4 py-1.5 border-t border-gray-100 flex items-center gap-4 text-[10px] text-gray-400", children: [
+        /* @__PURE__ */ jsx("span", { children: "[] checkbox" }),
+        /* @__PURE__ */ jsx("span", { children: "SO#35001 entity link" }),
+        /* @__PURE__ */ jsx("span", { className: "ml-auto", children: editing ? "Editing" : "Click to edit" })
+      ] })
+    ] }) : /* @__PURE__ */ jsx("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxs("div", { className: "text-center text-gray-400", children: [
+      /* @__PURE__ */ jsx("svg", { className: "h-12 w-12 mx-auto mb-3 text-gray-300", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z" }) }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm", children: "Select a note or create a new one" })
+    ] }) })
+  ] });
+}
+
+export { Notepad as default };
+//# sourceMappingURL=Notepad-YTZRCAXX.js.map
+//# sourceMappingURL=Notepad-YTZRCAXX.js.map

package/dist/Notepad-YTZRCAXX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/api/auth.ts","../src/apps/Notepad.tsx"],"names":[],"mappings":"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","file":"Notepad-YTZRCAXX.js","sourcesContent":["/** User-profile API — calls below proxy to the consumer-supplied apiClient\n *  via setShellApiClient(). Prefs reads/writes go through <ShellPrefsProvider>. */\nimport apiClient from './client';\nexport const getMe = () => apiClient.get('/auth/me/').then((r: any) => r.data);\nexport const updateMe = (patch: any) => apiClient.patch('/auth/me/', patch).then((r: any) => r.data);\nexport const getNumberingConfigs = () => apiClient.get('/auth/numbering-configs/').then((r: any) => r.data?.results ?? r.data ?? []);\n","import { useState, useEffect, useRef, useCallback, type ReactNode } from 'react';\nimport { useQuery } from '@tanstack/react-query';\nimport { getNumberingConfigs } from '../api/auth';\nimport apiClient from '../api/client';\nimport toast from '../shell/toast';\nimport { useWindowManager } from '../shell/WindowManager';\nimport { useShellPrefs } from '../shell/ShellPrefs';\n\ninterface Note {\n  id: string;\n  title: string;\n  content: string;\n  color: string;\n  sticky: boolean; // pinned to desktop\n  updated_at: string;\n}\n\nconst COLORS = [\n  { key: 'yellow', bg: 'bg-yellow-100', border: 'border-yellow-300', text: 'text-yellow-900', dot: 'bg-yellow-400' },\n  { key: 'blue', bg: 'bg-blue-100', border: 'border-blue-300', text: 'text-blue-900', dot: 'bg-blue-400' },\n  { key: 'green', bg: 'bg-green-100', border: 'border-green-300', text: 'text-green-900', dot: 'bg-green-400' },\n  { key: 'pink', bg: 'bg-pink-100', border: 'border-pink-300', text: 'text-pink-900', dot: 'bg-pink-400' },\n  { key: 'purple', bg: 'bg-purple-100', border: 'border-purple-300', text: 'text-purple-900', dot: 'bg-purple-400' },\n  { key: 'orange', bg: 'bg-orange-100', border: 'border-orange-300', text: 'text-orange-900', dot: 'bg-orange-400' },\n  { key: 'white', bg: 'bg-white', border: 'border-gray-300', text: 'text-gray-900', dot: 'bg-gray-300' },\n];\n\nfunction getColor(key: string) {\n  return COLORS.find(c => c.key === key) || COLORS[0];\n}\n\nfunction newNote(): Note {\n  return {\n    id: `note-${Date.now()}-${Math.random().toString(36).slice(2, 6)}`,\n    title: '',\n    content: '',\n    color: 'yellow',\n    sticky: false,\n    updated_at: new Date().toISOString(),\n  };\n}\n\n// ── Entity reference mapping ──\n// Maps entity_type from NumberingConfig to modal registry entityType and search endpoint\nconst ENTITY_TYPE_MAP: Record<string, { entityType: string; endpoint: string }> = {\n  sales_order: { entityType: 'order', endpoint: '/orders/sales-orders/' },\n  purchase_order: { entityType: 'purchase_order', endpoint: '/purchase-orders/' },\n  invoice: { entityType: 'invoice', endpoint: '/invoicing/invoices/' },\n  vendor_invoice: { entityType: 'vendor_invoice', endpoint: '/invoicing/vendor-invoices/' },\n  shipment: { entityType: 'shipment', endpoint: '/shipments/delivery-notes/' },\n  receipt: { entityType: 'payment', endpoint: '/invoicing/payments/' },\n  vendor_payment: { entityType: 'vendor_payment', endpoint: '/invoicing/vendor-payments/' },\n  vendor_price_sheet: { entityType: 'vendor_price_sheet', endpoint: '/pricing/manufacturer-price-sheets/' },\n  client_price_sheet: { entityType: 'price_sheet', endpoint: '/pricing/price-sheets/' },\n  qc_report: { entityType: 'qc_report', endpoint: '/qc-reports/' },\n  warranty_claim: { entityType: 'warranty_claim', endpoint: '/warranty-claims/claims/' },\n  vendor_shipment: { entityType: 'vendor_shipment', endpoint: '/shipments/goods-receipts/' },\n};\n\n// Match checkboxes: [] or [x] or [X]\nconst CHECKBOX_REGEX = /\\[([ xX]?)\\]/g;\n\nexport default function Notepad() {\n  const { openEntity } = useWindowManager();\n  const { prefs, save } = useShellPrefs();\n\n  // Fetch numbering configs to build dynamic prefix map (optional — only used\n  // for entity-reference autolinking; safe to fail when no apiClient is wired).\n  const { data: numberingConfigs } = useQuery({\n    queryKey: ['numbering-configs'],\n    queryFn: () => getNumberingConfigs(),\n    retry: false,\n  });\n\n  // Build prefix → { entityType, endpoint } map from DB configs\n  const prefixMap = useRef<Record<string, { entityType: string; endpoint: string; prefix: string }>>({});\n  useEffect(() => {\n    if (!numberingConfigs) return;\n    const map: Record<string, { entityType: string; endpoint: string; prefix: string }> = {};\n    for (const cfg of numberingConfigs) {\n      const mapping = ENTITY_TYPE_MAP[cfg.entity_type];\n      if (!mapping) continue;\n      // prefix from DB is like \"SO#\" — strip the # to get \"SO\"\n      const rawPrefix = (cfg.prefix || '').replace('#', '').toUpperCase();\n      if (rawPrefix) {\n        map[rawPrefix] = { ...mapping, prefix: cfg.prefix };\n      }\n      // Also register alt_prefix if set\n      if (cfg.alt_prefix) {\n        const altRaw = cfg.alt_prefix.replace('#', '').toUpperCase();\n        if (altRaw) map[altRaw] = { ...mapping, prefix: cfg.alt_prefix };\n      }\n    }\n    prefixMap.current = map;\n  }, [numberingConfigs]);\n\n  const notes: Note[] = prefs.notepad_notes || [];\n  const [selectedId, setSelectedId] = useState<string | null>(null);\n  const [editTitle, setEditTitle] = useState('');\n  const [editContent, setEditContent] = useState('');\n  const [editColor, setEditColor] = useState('yellow');\n  const [dirty, setDirty] = useState(false);\n  const [editing, setEditing] = useState(false);\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const saveTimerRef = useRef<ReturnType<typeof setTimeout>>();\n\n  const selected = notes.find(n => n.id === selectedId);\n\n  // Select first note on load\n  useEffect(() => {\n    if (!selectedId && notes.length > 0) {\n      const n = notes[0];\n      setSelectedId(n.id);\n      setEditTitle(n.title);\n      setEditContent(n.content);\n      setEditColor(n.color);\n    }\n  }, [notes.length]);\n\n  const saveNotes = useCallback((updated: Note[]) => {\n    save({ notepad_notes: updated });\n  }, [save]);\n\n  const autoSave = useCallback(() => {\n    if (!selectedId || !dirty) return;\n    const updated = notes.map(n =>\n      n.id === selectedId ? { ...n, title: editTitle, content: editContent, color: editColor, updated_at: new Date().toISOString() } : n\n    );\n    saveNotes(updated);\n    setDirty(false);\n  }, [selectedId, dirty, editTitle, editContent, editColor, notes, saveNotes]);\n\n  // Debounced auto-save\n  useEffect(() => {\n    if (!dirty) return;\n    if (saveTimerRef.current) clearTimeout(saveTimerRef.current);\n    saveTimerRef.current = setTimeout(autoSave, 800);\n    return () => { if (saveTimerRef.current) clearTimeout(saveTimerRef.current); };\n  }, [dirty, autoSave]);\n\n  // Save on unmount\n  useEffect(() => () => { if (dirty) autoSave(); }, []);\n\n  const selectNote = (n: Note) => {\n    if (dirty) autoSave();\n    setSelectedId(n.id);\n    setEditTitle(n.title);\n    setEditContent(n.content);\n    setEditColor(n.color);\n    setDirty(false);\n    setEditing(false);\n  };\n\n  const createNote = () => {\n    if (dirty) autoSave();\n    const n = newNote();\n    const updated = [n, ...notes];\n    saveNotes(updated);\n    setSelectedId(n.id);\n    setEditTitle('');\n    setEditContent('');\n    setEditColor('yellow');\n    setDirty(false);\n    setEditing(true);\n    setTimeout(() => textareaRef.current?.focus(), 50);\n  };\n\n  const deleteNote = (id: string) => {\n    const updated = notes.filter(n => n.id !== id);\n    saveNotes(updated);\n    if (selectedId === id) {\n      const next = updated[0];\n      if (next) selectNote(next);\n      else { setSelectedId(null); setEditTitle(''); setEditContent(''); }\n    }\n  };\n\n  const toggleSticky = (id: string) => {\n    const updated = notes.map(n =>\n      n.id === id ? { ...n, sticky: !n.sticky } : n\n    );\n    saveNotes(updated);\n    const note = updated.find(n => n.id === id);\n    toast.success(note?.sticky ? 'Pinned to desktop' : 'Removed from desktop');\n  };\n\n  const timeAgo = (iso: string) => {\n    const diff = Date.now() - new Date(iso).getTime();\n    const mins = Math.floor(diff / 60000);\n    if (mins < 1) return 'just now';\n    if (mins < 60) return `${mins}m ago`;\n    const hrs = Math.floor(mins / 60);\n    if (hrs < 24) return `${hrs}h ago`;\n    const days = Math.floor(hrs / 24);\n    return `${days}d ago`;\n  };\n\n  // ── Toggle checkbox in content ──\n  const toggleCheckbox = (charIndex: number) => {\n    const before = editContent.slice(0, charIndex);\n    const match = editContent.slice(charIndex).match(/^\\[([ xX]?)\\]/);\n    if (!match) return;\n    const isChecked = match[1] === 'x' || match[1] === 'X';\n    const replacement = isChecked ? '[ ]' : '[x]';\n    const after = editContent.slice(charIndex + match[0].length);\n    setEditContent(before + replacement + after);\n    setDirty(true);\n  };\n\n  // ── Open entity reference ──\n  const openRef = async (prefix: string, number: string) => {\n    const mapping = prefixMap.current[prefix];\n    if (!mapping) return;\n    const refNum = `${prefix}#${number}`;\n    try {\n      const { data } = await apiClient.get(mapping.endpoint, { params: { search: refNum, page_size: 1 } });\n      const results = data?.results ?? data ?? [];\n      const entity = results[0];\n      if (entity) {\n        openEntity(mapping.entityType, entity.id, entity, refNum);\n      } else {\n        toast.error(`${refNum} not found`);\n      }\n    } catch {\n      toast.error(`Failed to look up ${refNum}`);\n    }\n  };\n\n  // ── Render content with links and checkboxes ──\n  const renderContent = (text: string): ReactNode[] => {\n    if (!text) return [];\n    const lines = text.split('\\n');\n    return lines.map((line, li) => {\n      const parts: ReactNode[] = [];\n      let lastIdx = 0;\n      // Find all special tokens in the line\n      const tokens: { idx: number; len: number; render: () => ReactNode }[] = [];\n\n      // Entity references — match XX#NNNNN (2+ letters + # + 4-6 digits)\n      const refRegex = /([A-Z]{2,4})#(\\d{4,6})/g;\n      let m: RegExpExecArray | null;\n      while ((m = refRegex.exec(line)) !== null) {\n        const prefix = m[1];\n        const num = m[2];\n        if (prefixMap.current[prefix]) {\n          const startIdx = m.index;\n          const matchText = m[0];\n          tokens.push({\n            idx: startIdx,\n            len: matchText.length,\n            render: () => (\n              <button key={`ref-${li}-${startIdx}`} onClick={() => openRef(prefix, num)}\n                className=\"text-blue-600 hover:text-blue-800 hover:underline font-medium cursor-pointer\">\n                {matchText}\n              </button>\n            ),\n          });\n        }\n      }\n\n      // Checkboxes\n      CHECKBOX_REGEX.lastIndex = 0;\n      // Calculate the character offset in the full content for this line\n      let lineStartInContent = 0;\n      for (let i = 0; i < li; i++) lineStartInContent += lines[i].length + 1;\n      while ((m = CHECKBOX_REGEX.exec(line)) !== null) {\n        const isChecked = m[1] === 'x' || m[1] === 'X';\n        const startIdx = m.index;\n        const contentCharIdx = lineStartInContent + startIdx;\n        tokens.push({\n          idx: startIdx,\n          len: m[0].length,\n          render: () => (\n            <button key={`cb-${li}-${startIdx}`} onClick={() => toggleCheckbox(contentCharIdx)}\n              className={`inline-flex items-center justify-center w-4 h-4 rounded border ${isChecked ? 'bg-blue-500 border-blue-500 text-white' : 'border-gray-400 bg-white hover:border-blue-400'} cursor-pointer align-text-bottom mr-0.5`}>\n              {isChecked && <svg className=\"w-3 h-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={3}><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\" /></svg>}\n            </button>\n          ),\n        });\n      }\n\n      // Sort tokens by position\n      tokens.sort((a, b) => a.idx - b.idx);\n\n      // Build line with tokens interspersed\n      for (const token of tokens) {\n        if (token.idx > lastIdx) {\n          // Check if text after a checked checkbox should be struck through\n          parts.push(<span key={`t-${li}-${lastIdx}`}>{line.slice(lastIdx, token.idx)}</span>);\n        }\n        parts.push(token.render());\n        lastIdx = token.idx + token.len;\n      }\n      if (lastIdx < line.length) {\n        parts.push(<span key={`t-${li}-${lastIdx}`}>{line.slice(lastIdx)}</span>);\n      }\n      if (parts.length === 0) parts.push(<span key={`empty-${li}`}>{'\\u200B'}</span>); // zero-width space for empty lines\n\n      // Check if line starts with a checked checkbox → strikethrough the rest\n      const lineHasChecked = /^\\[x\\]/i.test(line.trimStart());\n      return (\n        <div key={li} className={lineHasChecked ? 'line-through text-gray-400' : ''}>\n          {parts}\n        </div>\n      );\n    });\n  };\n\n  const startEditing = () => {\n    setEditing(true);\n    setTimeout(() => textareaRef.current?.focus(), 50);\n  };\n\n  const stopEditing = () => {\n    setEditing(false);\n    if (dirty) autoSave();\n  };\n\n  const PLACEHOLDER_HINT = `Start writing...\n\nTips:\n  [] Type [] for a checkbox, click to toggle\n  SO#35001 Type XX#NNNNN to link entities (SO, PO, CI, VI, PL, etc.)`;\n\n  return (\n    <div className=\"flex h-full\">\n      {/* Note list sidebar */}\n      <div className=\"w-56 shrink-0 border-r border-gray-200 flex flex-col\">\n        <div className=\"p-2 border-b border-gray-200\">\n          <button onClick={createNote}\n            className=\"w-full flex items-center justify-center gap-1.5 rounded-lg bg-blue-600 text-white px-3 py-1.5 text-sm font-medium hover:bg-blue-700 transition-colors\">\n            <svg className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M12 4.5v15m7.5-7.5h-15\" /></svg>\n            New Note\n          </button>\n        </div>\n        <div className=\"flex-1 overflow-y-auto\">\n          {notes.length === 0 ? (\n            <p className=\"text-sm text-gray-400 text-center py-8 px-4\">No notes yet. Create one to get started.</p>\n          ) : (\n            notes.map(n => {\n              const c = getColor(n.color);\n              return (\n                <button key={n.id} onClick={() => selectNote(n)}\n                  className={`w-full text-left px-3 py-2.5 border-b border-gray-100 transition-colors ${selectedId === n.id ? 'bg-blue-50' : 'hover:bg-gray-50'}`}>\n                  <div className=\"flex items-center gap-2\">\n                    <div className={`w-2.5 h-2.5 rounded-full shrink-0 ${c.dot}`} />\n                    <span className=\"text-sm font-medium text-gray-900 truncate flex-1\">\n                      {n.title || 'Untitled'}\n                    </span>\n                    {n.sticky && (\n                      <svg className=\"h-3 w-3 text-amber-500 shrink-0\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 21V5z\" /></svg>\n                    )}\n                  </div>\n                  <p className=\"text-xs text-gray-400 mt-0.5 truncate ml-4.5\">{n.content.replace(/\\[[ xX]?\\]/g, '').slice(0, 60) || 'Empty note'}</p>\n                  <p className=\"text-[10px] text-gray-300 mt-0.5 ml-4.5\">{timeAgo(n.updated_at)}</p>\n                </button>\n              );\n            })\n          )}\n        </div>\n      </div>\n\n      {/* Editor */}\n      {selectedId ? (\n        <div className=\"flex-1 flex flex-col min-w-0\">\n          {/* Title */}\n          <div className=\"flex items-center gap-2 px-4 py-2 border-b border-gray-200\">\n            <input\n              value={editTitle}\n              onChange={e => { setEditTitle(e.target.value); setDirty(true); }}\n              placeholder=\"Note title...\"\n              className=\"flex-1 text-lg font-semibold text-gray-900 outline-none bg-transparent placeholder:text-gray-300\"\n            />\n            {/* Color picker */}\n            <div className=\"flex gap-1\">\n              {COLORS.map(c => (\n                <button key={c.key} onClick={() => { setEditColor(c.key); setDirty(true); }}\n                  className={`w-5 h-5 rounded-full border-2 transition-all ${c.dot} ${editColor === c.key ? 'border-gray-600 scale-110' : 'border-transparent hover:border-gray-400'}`}\n                  title={c.key} />\n              ))}\n            </div>\n            {/* Sticky toggle */}\n            <button onClick={() => toggleSticky(selectedId)} title={selected?.sticky ? 'Remove from desktop' : 'Pin to desktop'}\n              className={`p-1 rounded transition-colors ${selected?.sticky ? 'text-amber-500 hover:text-amber-600' : 'text-gray-300 hover:text-amber-400'}`}>\n              <svg className=\"h-4 w-4\" fill={selected?.sticky ? 'currentColor' : 'none'} viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5}><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 21V5z\" /></svg>\n            </button>\n            {/* Delete */}\n            <button onClick={() => deleteNote(selectedId)} title=\"Delete note\"\n              className=\"p-1 rounded text-gray-300 hover:text-red-500 transition-colors\">\n              <svg className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5}><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0\" /></svg>\n            </button>\n          </div>\n          {/* Content — toggle between textarea (edit) and rendered view */}\n          {editing ? (\n            <textarea\n              ref={textareaRef}\n              value={editContent}\n              onChange={e => { setEditContent(e.target.value); setDirty(true); }}\n              onBlur={stopEditing}\n              placeholder={PLACEHOLDER_HINT}\n              className=\"flex-1 p-4 text-sm text-gray-700 outline-none resize-none bg-transparent leading-relaxed placeholder:text-gray-300 font-mono\"\n            />\n          ) : (\n            <div\n              onClick={startEditing}\n              className=\"flex-1 p-4 text-sm text-gray-700 overflow-y-auto leading-relaxed cursor-text\"\n            >\n              {editContent ? renderContent(editContent) : (\n                <p className=\"text-gray-300 whitespace-pre-line\">{PLACEHOLDER_HINT}</p>\n              )}\n            </div>\n          )}\n          {/* Bottom hint bar */}\n          <div className=\"px-4 py-1.5 border-t border-gray-100 flex items-center gap-4 text-[10px] text-gray-400\">\n            <span>[] checkbox</span>\n            <span>SO#35001 entity link</span>\n            <span className=\"ml-auto\">{editing ? 'Editing' : 'Click to edit'}</span>\n          </div>\n        </div>\n      ) : (\n        <div className=\"flex-1 flex items-center justify-center\">\n          <div className=\"text-center text-gray-400\">\n            <svg className=\"h-12 w-12 mx-auto mb-3 text-gray-300\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1}><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z\" /></svg>\n            <p className=\"text-sm\">Select a note or create a new one</p>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"]}