@ai-matrx/office 0.8.59 → 0.8.61

package/dist/docs-tools.js

@@ -15,7 +15,7 @@ import {
   paragraphBorderParams,
   readDocumentLanguage,
   rulerGeometry
-} from "./chunk-DY5TGHBI.js";
+} from "./chunk-JVEJ5XLX.js";
 import "./chunk-Y24EYKSD.js";
 
 // src/docs/doc-edit-ops.ts

package/dist/docs.cjs

@@ -19,7 +19,7 @@
 var _chunkXJBJKOUHcjs = require('./chunk-XJBJKOUH.cjs');
 
 
-var _chunkNSU6EVJKcjs = require('./chunk-NSU6EVJK.cjs');
+var _chunk6TUFBQLHcjs = require('./chunk-6TUFBQLH.cjs');
 require('./chunk-XAIKXHHJ.cjs');
 
 // src/docs/document-model.ts
@@ -959,7 +959,7 @@ function planBodyEdit(current, next) {
   };
 }
 function insertSpan(port, _current, edit) {
-  if (port.insertMarkdown && _chunkNSU6EVJKcjs.looksLikeMarkdown.call(void 0, edit.insert)) {
+  if (port.insertMarkdown && _chunk6TUFBQLHcjs.looksLikeMarkdown.call(void 0, edit.insert)) {
     const stream = port.getDataStream();
     let at = edit.start;
     if (at > 0 && stream[at - 1] !== PARAGRAPH) {

package/dist/docs.js

@@ -19,7 +19,7 @@ import {
 } from "./chunk-5SHIHC4S.js";
 import {
   looksLikeMarkdown
-} from "./chunk-DY5TGHBI.js";
+} from "./chunk-JVEJ5XLX.js";
 import "./chunk-Y24EYKSD.js";
 
 // src/docs/document-model.ts

package/dist/pdf.cjs

@@ -258,12 +258,14 @@ function Result({ result, host, error }) {
     ] }) : null,
     result?.kind === "text" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        "textarea",
+        import_controls2.Textarea,
         {
           readOnly: true,
           value: result.text,
           "aria-label": "Extracted text",
-          className: "h-48 w-full resize-none rounded-md border border-border bg-background p-2 text-xs text-foreground"
+          minHeight: 192,
+          maxHeight: 192,
+          className: "w-full resize-none"
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_controls2.Button, { variant: "outline", onClick: () => void copy(result.text), children: copied ? "Copied" : "Copy text" })
@@ -729,22 +731,19 @@ function MarkupPanel({ host, engine, snapshot, active, onPick, blocked, busy, on
     const Icon = MARKUP_ICONS[t.id];
     const on = t.id === active;
     return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("li", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-        "button",
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_controls4.Tile,
         {
           type: "button",
-          "aria-pressed": t.status === "ready" ? on : void 0,
+          dense: true,
+          variant: "quiet",
+          title: t.label,
+          icon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon, {}),
+          end: t.status === "soon" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "shrink-0 whitespace-nowrap text-muted-foreground", children: "Soon" }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("kbd", { className: "text-muted-foreground", children: t.key?.toUpperCase() }),
+          ...t.status === "ready" ? { selected: on } : {},
           disabled: t.status === "ready" && (!engine || Boolean(blocked)),
           onClick: () => t.status === "soon" ? onSoon(markupComingSoonId(t.id)) : onPick(t.id),
-          className: (0, import_cn.cn)(
-            "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-xs hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:text-disabled-foreground",
-            on && "bg-accent"
-          ),
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon, { className: "size-4 shrink-0" }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "min-w-0 flex-1 truncate", children: t.label }),
-            t.status === "soon" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "shrink-0 whitespace-nowrap text-muted-foreground", children: "Soon" }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("kbd", { className: "text-muted-foreground", children: t.key?.toUpperCase() })
-          ]
+          className: "w-full"
         }
       ),
       t.status === "soon" && t.reason ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "pl-8 pr-2 text-xs text-muted-foreground", children: t.reason }) : null
@@ -782,19 +781,22 @@ function MarkupPanel({ host, engine, snapshot, active, onPick, blocked, busy, on
       ] })
     ] }),
     host.existingAnnotations ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Section, { label: "In this file", children: [
-      existing === null ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "text-xs text-muted-foreground", children: "Reading\u2026" }) : existing.filter((a) => a.subtype !== "Link" && a.subtype !== "Widget").length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "text-xs text-muted-foreground", children: "No comments or markup yet" }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ul", { className: "flex flex-col", "aria-label": "Annotations in this file", children: existing.filter((a) => a.subtype !== "Link" && a.subtype !== "Widget").map((a, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("button", { type: "button", onClick: () => goToPage(a.page), className: "flex w-full items-start gap-2 rounded-md px-2 py-1 text-left text-xs hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "w-8 shrink-0 tabular-nums text-muted-foreground", children: [
-          "p. ",
-          a.page
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "block", children: [
-            a.subtype,
-            a.author ? ` \xB7 ${a.author}` : ""
+      existing === null ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "text-xs text-muted-foreground", children: "Reading\u2026" }) : existing.filter((a) => a.subtype !== "Link" && a.subtype !== "Widget").length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "text-xs text-muted-foreground", children: "No comments or markup yet" }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ul", { className: "flex flex-col", "aria-label": "Annotations in this file", children: existing.filter((a) => a.subtype !== "Link" && a.subtype !== "Widget").map((a, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_controls4.Tile,
+        {
+          type: "button",
+          dense: true,
+          variant: "quiet",
+          title: `${a.subtype}${a.author ? ` \xB7 ${a.author}` : ""}`,
+          line: a.contents,
+          icon: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "w-8 shrink-0 tabular-nums text-muted-foreground", children: [
+            "p. ",
+            a.page
           ] }),
-          a.contents ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "block truncate text-muted-foreground", children: a.contents }) : null
-        ] })
-      ] }) }, `${a.page}-${i}`)) }),
+          className: "w-full",
+          onClick: () => goToPage(a.page)
+        }
+      ) }, `${a.page}-${i}`)) }),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "text-xs text-muted-foreground", children: "Markup already saved shows on the page; changing it in place is coming." })
     ] }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Section, { label: "Coming soon", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ul", { className: "flex flex-col", "aria-label": "Markup coming soon", children: soon.map(row) }) })
@@ -894,35 +896,35 @@ function useWidth(ref) {
 }
 function ToolRows({ tool, hostTools, onPick, canMarkup = false }) {
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-    hostTools.map((t) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { role: "none", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-      "button",
+    hostTools.map((t) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { role: "none", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      import_controls5.Tile,
       {
         type: "button",
+        dense: true,
+        variant: "quiet",
         role: "menuitem",
         "aria-current": tool === `host:${t.id}` ? "true" : void 0,
-        className: (0, import_cn2.cn)("flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-xs hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", tool === `host:${t.id}` && "bg-accent"),
-        onClick: () => onPick(`host:${t.id}`),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(t.icon, { className: "size-4 shrink-0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "flex-1 whitespace-nowrap", children: t.label })
-        ]
+        title: t.label,
+        icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(t.icon, {}),
+        className: "w-full",
+        onClick: () => onPick(`host:${t.id}`)
       }
     ) }, `host:${t.id}`)),
     PDF_TOOLS.filter((t) => t.id !== "browse" && (t.id !== "markup" || canMarkup)).map((t) => {
       const Icon = PDF_TOOL_ICONS[t.id];
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { role: "none", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-        "button",
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { role: "none", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        import_controls5.Tile,
         {
           type: "button",
+          dense: true,
+          variant: "quiet",
           role: "menuitem",
           "aria-current": t.id === tool ? "true" : void 0,
-          className: (0, import_cn2.cn)("flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-xs hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", t.id === tool && "bg-accent"),
-          onClick: () => onPick(t.id),
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: "size-4 shrink-0" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "flex-1 whitespace-nowrap", children: t.label }),
-            t.status === "soon" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-muted-foreground", children: "Coming soon" }) : null
-          ]
+          title: t.label,
+          icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, {}),
+          end: t.status === "soon" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-muted-foreground", children: "Coming soon" }) : void 0,
+          className: "w-full",
+          onClick: () => onPick(t.id)
         }
       ) }, t.id);
     })
@@ -1375,10 +1377,11 @@ function PdfWorkspace({ host, className }) {
       width: "lg"
     }
   ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    "button",
+    import_controls5.Button,
     {
       type: "button",
-      className: "min-w-0 max-w-[16rem] truncate rounded-md px-2 text-sm font-medium text-foreground hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+      variant: "quiet",
+      className: "min-w-0 max-w-[16rem]",
       title: host.rename ? "Rename" : host.file.name,
       onClick: () => host.rename && (setNameDraft(host.file.name), setEditingName(true)),
       children: host.file.name
@@ -1499,21 +1502,21 @@ function PdfWorkspace({ host, className }) {
                 }
               }
             ),
-            pop === "tool-search" && toolHits.length ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { role: "listbox", className: "absolute left-0 right-0 top-9 z-30 rounded-lg border border-border bg-popover p-1 shadow-lg", children: toolHits.map((t) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { role: "option", "aria-selected": false, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-              "button",
+            pop === "tool-search" && toolHits.length ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { role: "listbox", className: "absolute left-0 right-0 top-9 z-30 rounded-lg border border-border bg-popover p-1 shadow-lg", children: toolHits.map((t) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { role: "option", "aria-selected": false, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              import_controls5.Tile,
               {
                 type: "button",
-                className: "flex w-full items-center justify-between rounded-md px-2 py-1 text-left text-xs hover:bg-accent",
+                dense: true,
+                variant: "quiet",
+                title: t.label,
+                end: t.status === "soon" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-muted-foreground", children: "Coming soon" }) : void 0,
+                className: "w-full",
                 onMouseDown: (e) => e.preventDefault(),
                 onClick: () => {
                   chooseTool(t.id);
                   setToolQuery("");
                   setPop(null);
-                },
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: t.label }),
-                  t.status === "soon" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-muted-foreground", children: "Coming soon" }) : null
-                ]
+                }
               }
             ) }, t.id)) }) : null
           ] }) : null,
@@ -1618,7 +1621,7 @@ function PdfWorkspace({ host, className }) {
             ] }) : null
           ] }) : null,
           compact && sheet ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", "aria-label": "Close", className: "absolute inset-0 z-30 bg-background/60", onClick: () => setSheet(null) }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_controls5.Tile, { type: "button", layout: "stack", variant: "quiet", title: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "sr-only", children: "Close" }), "aria-label": "Close", className: "absolute inset-0 z-30 h-full w-full bg-background/60", onClick: () => setSheet(null) }),
             /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "absolute inset-x-0 bottom-0 z-40 flex max-h-[75%] flex-col rounded-t-xl border-t border-border bg-background", role: "dialog", "aria-label": sheet === "pages" ? "Pages" : "Tools", children: sheet === "pages" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "h-[60vh] min-h-0", children: leftPanel }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex min-h-0 flex-col overflow-y-auto", children: [
               /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { className: "p-2", role: "menu", "aria-label": "Tools", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ToolRows, { tool: activeToolKey, hostTools, canMarkup, onPick: chooseTool }) }),
               /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "border-t border-border", children: rightPanel })