@forgedevstack/ink 1.1.8 → 1.2.0

package/dist/components/InkEditor/components/AiPanel/AiPanel.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),I=require("../../../../constants/generals.const.cjs"),o=require("../../../../constants/defaults.const.cjs"),P=require("../../../../constants/aiModels.const.cjs");require("../../../../constants/openai.const.cjs");const w=require("../../../../utils/id.utils.cjs");require("../../../../utils/paste.utils.cjs");require("react-dom");const G=require("../../../../plugins/ai/aiPlugin.cjs"),U=L=>{var f,y,S,T;const{config:s,documentHtml:v,selectionHtml:b,onApplyHtml:H,onClose:N,onBusyChange:h}=L,[a,K]=i.useState("chat"),[x,g]=i.useState(""),[c,m]=i.useState([]),[l,q]=i.useState(!1),[d,A]=i.useState(null),[B,D]=i.useState([]),[j,R]=i.useState(o.INK_TRANSLATE_LANGUAGES[1]),M=s.providerId||P.INK_AI_DEMO_PROVIDER_ID,O=((f=s.uiTheme)==null?void 0:f.className)||s.className||"",p=t=>{q(t),h==null||h(t)},u=async(t,r,_)=>{var E;p(!0);try{const C=t==="chat"&&_?[...c,{id:w.createInkId("turn"),role:"user",content:_,timestamp:Date.now(),capability:t}]:c;t==="chat"&&_&&m(C);const n=await G.inkAi.runProvider(M,{capability:t,html:v,selectionHtml:b||void 0,prompt:_,history:C,options:r,modelId:s.modelId,documentSnapshot:{html:v,selectionHtml:b||void 0}});(E=n.turns)!=null&&E.length?m(k=>[...k,...n.turns]):n.text&&t!=="chat"&&m(k=>[...k,{id:w.createInkId("turn"),role:"assistant",content:n.text||"",timestamp:Date.now(),capability:t}]),n.diff&&A(n.diff),n.reviewSuggestions&&D(n.reviewSuggestions)}finally{p(!1)}},$=t=>{t.preventDefault();const r=x.trim();!r||l||(g(""),u("chat",void 0,r))};return e.jsxs("aside",{className:`Ink-Ai ${O}`.trim(),"data-placement":s.placement||"sidebar",style:{"--ink-ai-accent":(y=s.uiTheme)==null?void 0:y.accent,"--ink-ai-surface":(S=s.uiTheme)==null?void 0:S.surface,"--ink-ai-border":(T=s.uiTheme)==null?void 0:T.border},"aria-label":"Ink AI",children:[e.jsxs("div",{className:"Ink-Ai__header",children:[e.jsx("strong",{children:"Ink AI"}),N?e.jsx("button",{type:"button",className:"Ink-Editor__button",onClick:N,title:"Close AI",children:"×"}):null]}),e.jsx("div",{className:"Ink-Ai__tabs",role:"tablist",children:[["chat",I.INK_AI_TAB_CHAT],["actions",I.INK_AI_TAB_ACTIONS],["review",I.INK_AI_TAB_REVIEW],["translate",I.INK_AI_TAB_TRANSLATE]].map(([t,r])=>e.jsx("button",{type:"button",role:"tab",className:`${o.INK_CLASS_AI_TAB}${a===t?` ${o.INK_CLASS_AI_TAB_ON}`:""}`,"aria-selected":a===t,onClick:()=>K(t),children:r},t))}),e.jsxs("div",{className:"Ink-Ai__body",children:[a==="chat"?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"Ink-Ai__history",children:c.length===0?e.jsxs("p",{className:"Ink-Ai__empty",children:["Multi-turn chat with local demo provider. Bring your own LLM via"," ",e.jsx("code",{children:"inkAi.registerProvider"}),"."]}):c.map(t=>e.jsxs("div",{className:`Ink-Ai__turn Ink-Ai__turn--${t.role}`,children:[e.jsx("span",{children:t.role}),e.jsx("p",{children:t.content})]},t.id))}),e.jsxs("form",{className:"Ink-Ai__form",onSubmit:$,children:[e.jsx("input",{value:x,onChange:t=>g(t.target.value),placeholder:"Ask Ink AI…",disabled:l}),e.jsx("button",{type:"submit",className:"Ink-Editor__button Ink-Editor__button--active",disabled:l,children:"Send"})]})]}):null,a==="actions"?e.jsxs("div",{className:"Ink-Ai__actions",children:[e.jsx("p",{className:"Ink-Ai__hint",children:"Quick actions use the current selection (or full document)."}),o.INK_QUICK_ACTIONS.map(t=>e.jsx("button",{type:"button",className:"Ink-Editor__button Ink-Ai__action",disabled:l,onClick:()=>void u(t.capability),children:t.label},t.id))]}):null,a==="review"?e.jsxs("div",{className:"Ink-Ai__review",children:[e.jsx("button",{type:"button",className:"Ink-Editor__button Ink-Editor__button--active",disabled:l,onClick:()=>void u("review"),children:"Run grammar & style review"}),B.map(t=>e.jsxs("article",{className:`Ink-Ai__suggestion Ink-Ai__suggestion--${t.severity}`,children:[e.jsx("strong",{children:t.severity}),e.jsx("p",{children:t.message}),e.jsx("code",{children:t.suggestedText})]},t.id))]}):null,a==="translate"?e.jsxs("div",{className:"Ink-Ai__translate",children:[e.jsxs("label",{children:["Language",e.jsx("select",{value:j,onChange:t=>R(t.target.value),children:o.INK_TRANSLATE_LANGUAGES.map(t=>e.jsx("option",{value:t,children:t},t))})]}),e.jsx("button",{type:"button",className:"Ink-Editor__button Ink-Editor__button--active",disabled:l,onClick:()=>void u("translate",{language:j}),children:"Translate"})]}):null,d?e.jsxs("div",{className:"Ink-Ai__diff",children:[e.jsx("strong",{children:"Suggested change"}),e.jsx("p",{children:d.summary}),e.jsx("div",{className:"Ink-Ai__diff-preview",dangerouslySetInnerHTML:{__html:d.suggestedHtml}}),e.jsxs("div",{className:"Ink-Ai__diff-actions",children:[e.jsx("button",{type:"button",className:"Ink-Editor__button Ink-Editor__button--active",onClick:()=>{H(d.suggestedHtml),A(null)},children:"Apply"}),e.jsx("button",{type:"button",className:"Ink-Editor__button",onClick:()=>A(null),children:"Dismiss"})]})]}):null]}),e.jsx("footer",{className:"Ink-Ai__footer",children:"Demo provider · BYO LLM"})]})};exports.AiPanel=U;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),I=require("../../../../constants/generals.const.cjs"),o=require("../../../../constants/defaults.const.cjs"),P=require("../../../../constants/aiModels.const.cjs");require("../../../../constants/openai.const.cjs");const w=require("../../../../utils/id.utils.cjs");require("../../../../utils/paste.utils.cjs");require("../../../../utils/exportDocument.utils.cjs");require("react-dom");const G=require("../../../../plugins/ai/aiPlugin.cjs"),U=L=>{var f,y,S,T;const{config:s,documentHtml:v,selectionHtml:b,onApplyHtml:q,onClose:N,onBusyChange:h}=L,[a,H]=i.useState("chat"),[x,g]=i.useState(""),[c,m]=i.useState([]),[l,K]=i.useState(!1),[d,A]=i.useState(null),[B,D]=i.useState([]),[j,R]=i.useState(o.INK_TRANSLATE_LANGUAGES[1]),M=s.providerId||P.INK_AI_DEMO_PROVIDER_ID,O=((f=s.uiTheme)==null?void 0:f.className)||s.className||"",p=t=>{K(t),h==null||h(t)},u=async(t,r,_)=>{var E;p(!0);try{const C=t==="chat"&&_?[...c,{id:w.createInkId("turn"),role:"user",content:_,timestamp:Date.now(),capability:t}]:c;t==="chat"&&_&&m(C);const n=await G.inkAi.runProvider(M,{capability:t,html:v,selectionHtml:b||void 0,prompt:_,history:C,options:r,modelId:s.modelId,documentSnapshot:{html:v,selectionHtml:b||void 0}});(E=n.turns)!=null&&E.length?m(k=>[...k,...n.turns]):n.text&&t!=="chat"&&m(k=>[...k,{id:w.createInkId("turn"),role:"assistant",content:n.text||"",timestamp:Date.now(),capability:t}]),n.diff&&A(n.diff),n.reviewSuggestions&&D(n.reviewSuggestions)}finally{p(!1)}},$=t=>{t.preventDefault();const r=x.trim();!r||l||(g(""),u("chat",void 0,r))};return e.jsxs("aside",{className:`Ink-Ai ${O}`.trim(),"data-placement":s.placement||"sidebar",style:{"--ink-ai-accent":(y=s.uiTheme)==null?void 0:y.accent,"--ink-ai-surface":(S=s.uiTheme)==null?void 0:S.surface,"--ink-ai-border":(T=s.uiTheme)==null?void 0:T.border},"aria-label":"Ink AI",children:[e.jsxs("div",{className:"Ink-Ai__header",children:[e.jsx("strong",{children:"Ink AI"}),N?e.jsx("button",{type:"button",className:"Ink-Editor__button",onClick:N,title:"Close AI",children:"×"}):null]}),e.jsx("div",{className:"Ink-Ai__tabs",role:"tablist",children:[["chat",I.INK_AI_TAB_CHAT],["actions",I.INK_AI_TAB_ACTIONS],["review",I.INK_AI_TAB_REVIEW],["translate",I.INK_AI_TAB_TRANSLATE]].map(([t,r])=>e.jsx("button",{type:"button",role:"tab",className:`${o.INK_CLASS_AI_TAB}${a===t?` ${o.INK_CLASS_AI_TAB_ON}`:""}`,"aria-selected":a===t,onClick:()=>H(t),children:r},t))}),e.jsxs("div",{className:"Ink-Ai__body",children:[a==="chat"?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"Ink-Ai__history",children:c.length===0?e.jsxs("p",{className:"Ink-Ai__empty",children:["Multi-turn chat with local demo provider. Bring your own LLM via"," ",e.jsx("code",{children:"inkAi.registerProvider"}),"."]}):c.map(t=>e.jsxs("div",{className:`Ink-Ai__turn Ink-Ai__turn--${t.role}`,children:[e.jsx("span",{children:t.role}),e.jsx("p",{children:t.content})]},t.id))}),e.jsxs("form",{className:"Ink-Ai__form",onSubmit:$,children:[e.jsx("input",{value:x,onChange:t=>g(t.target.value),placeholder:"Ask Ink AI…",disabled:l}),e.jsx("button",{type:"submit",className:"Ink-Editor__button Ink-Editor__button--active",disabled:l,children:"Send"})]})]}):null,a==="actions"?e.jsxs("div",{className:"Ink-Ai__actions",children:[e.jsx("p",{className:"Ink-Ai__hint",children:"Quick actions use the current selection (or full document)."}),o.INK_QUICK_ACTIONS.map(t=>e.jsx("button",{type:"button",className:"Ink-Editor__button Ink-Ai__action",disabled:l,onClick:()=>void u(t.capability),children:t.label},t.id))]}):null,a==="review"?e.jsxs("div",{className:"Ink-Ai__review",children:[e.jsx("button",{type:"button",className:"Ink-Editor__button Ink-Editor__button--active",disabled:l,onClick:()=>void u("review"),children:"Run grammar & style review"}),B.map(t=>e.jsxs("article",{className:`Ink-Ai__suggestion Ink-Ai__suggestion--${t.severity}`,children:[e.jsx("strong",{children:t.severity}),e.jsx("p",{children:t.message}),e.jsx("code",{children:t.suggestedText})]},t.id))]}):null,a==="translate"?e.jsxs("div",{className:"Ink-Ai__translate",children:[e.jsxs("label",{children:["Language",e.jsx("select",{value:j,onChange:t=>R(t.target.value),children:o.INK_TRANSLATE_LANGUAGES.map(t=>e.jsx("option",{value:t,children:t},t))})]}),e.jsx("button",{type:"button",className:"Ink-Editor__button Ink-Editor__button--active",disabled:l,onClick:()=>void u("translate",{language:j}),children:"Translate"})]}):null,d?e.jsxs("div",{className:"Ink-Ai__diff",children:[e.jsx("strong",{children:"Suggested change"}),e.jsx("p",{children:d.summary}),e.jsx("div",{className:"Ink-Ai__diff-preview",dangerouslySetInnerHTML:{__html:d.suggestedHtml}}),e.jsxs("div",{className:"Ink-Ai__diff-actions",children:[e.jsx("button",{type:"button",className:"Ink-Editor__button Ink-Editor__button--active",onClick:()=>{q(d.suggestedHtml),A(null)},children:"Apply"}),e.jsx("button",{type:"button",className:"Ink-Editor__button",onClick:()=>A(null),children:"Dismiss"})]})]}):null]}),e.jsx("footer",{className:"Ink-Ai__footer",children:"Demo provider · BYO LLM"})]})};exports.AiPanel=U;

package/dist/components/InkEditor/components/AiPanel/AiPanel.js

@@ -6,36 +6,37 @@ import { INK_AI_DEMO_PROVIDER_ID as z } from "../../../../constants/aiModels.con
 import "../../../../constants/openai.const.js";
 import { createInkId as H } from "../../../../utils/id.utils.js";
 import "../../../../utils/paste.utils.js";
+import "../../../../utils/exportDocument.utils.js";
 import "react-dom";
 import { inkAi as J } from "../../../../plugins/ai/aiPlugin.js";
-const re = (K) => {
+const ce = (K) => {
   var y, T, C, E;
-  const { config: i, documentHtml: k, selectionHtml: p, onApplyHtml: B, onClose: v, onBusyChange: m } = K, [o, D] = l("chat"), [b, N] = l(""), [c, h] = l([]), [a, x] = l(!1), [d, I] = l(null), [R, O] = l([]), [f, $] = l(L[1]), M = i.providerId || z, j = ((y = i.uiTheme) == null ? void 0 : y.className) || i.className || "", g = (e) => {
-    x(e), m == null || m(e);
-  }, _ = async (e, r, u) => {
+  const { config: i, documentHtml: p, selectionHtml: k, onApplyHtml: B, onClose: v, onBusyChange: u } = K, [o, D] = l("chat"), [b, N] = l(""), [c, h] = l([]), [a, x] = l(!1), [d, I] = l(null), [R, O] = l([]), [f, $] = l(L[1]), M = i.providerId || z, j = ((y = i.uiTheme) == null ? void 0 : y.className) || i.className || "", g = (e) => {
+    x(e), u == null || u(e);
+  }, _ = async (e, r, m) => {
     var S;
     g(!0);
     try {
-      const w = e === "chat" && u ? [
+      const w = e === "chat" && m ? [
         ...c,
         {
           id: H("turn"),
           role: "user",
-          content: u,
+          content: m,
           timestamp: Date.now(),
           capability: e
         }
       ] : c;
-      e === "chat" && u && h(w);
+      e === "chat" && m && h(w);
       const s = await J.runProvider(M, {
         capability: e,
-        html: k,
-        selectionHtml: p || void 0,
-        prompt: u,
+        html: p,
+        selectionHtml: k || void 0,
+        prompt: m,
         history: w,
         options: r,
         modelId: i.modelId,
-        documentSnapshot: { html: k, selectionHtml: p || void 0 }
+        documentSnapshot: { html: p, selectionHtml: k || void 0 }
       });
       (S = s.turns) != null && S.length ? h((A) => [...A, ...s.turns]) : s.text && e !== "chat" && h((A) => [
         ...A,
@@ -185,5 +186,5 @@ const re = (K) => {
   );
 };
 export {
-  re as AiPanel
+  ce as AiPanel
 };

package/dist/components/InkEditor/components/AiSelectionBubble/AiSelectionBubble.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),a=require("react-dom"),e=require("./AiSelectionBubble.const.cjs"),i=t=>{t.preventDefault(),t.stopPropagation()},u=t=>{const{open:s,top:r,left:A,busy:l,preview:_,onAction:S,onApply:c,onDismiss:I}=t;return!s||typeof document>"u"?null:a.createPortal(n.jsxs("div",{className:e.AI_SELECTION_BUBBLE_CLASS,style:{position:"fixed",top:r,left:A},role:"toolbar","aria-label":e.AI_SELECTION_BUBBLE_ARIA_LABEL,onPointerDown:o=>o.stopPropagation(),children:[e.AI_SELECTION_ACTIONS.map(o=>n.jsx("button",{type:"button",className:e.AI_SELECTION_ACTION_CLASS,disabled:l,onPointerDown:i,onClick:()=>S(o.id),children:o.label},o.id)),l?n.jsx("span",{className:"Ink-AiSelection__status",children:e.AI_SELECTION_BUSY_LABEL}):null,_?n.jsxs(n.Fragment,{children:[n.jsx("button",{type:"button",className:`${e.AI_SELECTION_ACTION_CLASS} ${e.AI_SELECTION_ACTION_ACTIVE_CLASS}`,onPointerDown:i,onClick:c,children:e.AI_SELECTION_APPLY_LABEL}),n.jsx("button",{type:"button",className:e.AI_SELECTION_ACTION_CLASS,onPointerDown:i,onClick:I,children:e.AI_SELECTION_DISMISS_LABEL})]}):null]}),document.body)};exports.AiSelectionBubble=u;

package/dist/components/InkEditor/components/AiSelectionBubble/AiSelectionBubble.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("../../../../constants/numbers.cjs"),E="Ink-AiSelection",I="Ink-AiSelection__action",A="Ink-AiSelection__action--active",S="Selection AI",L="Apply",T="Dismiss",t="Ink AI is writing…",i="Spanish",C=_.NUMBER_EIGHT,e=_.NUMBER_EIGHT,N=_.NUMBER_FORTY,n=448,O=28,o=[{id:"improve",label:"Improve",capability:"rewrite"},{id:"shorter",label:"Shorter",capability:"summarize"},{id:"longer",label:"Longer",capability:"expand"},{id:"fix",label:"Fix",capability:"review"},{id:"tone",label:"Tone",capability:"tone"},{id:"translate",label:"Translate",capability:"translate"}];exports.AI_SELECTION_ACTIONS=o;exports.AI_SELECTION_ACTION_ACTIVE_CLASS=A;exports.AI_SELECTION_ACTION_CLASS=I;exports.AI_SELECTION_APPLY_LABEL=L;exports.AI_SELECTION_BUBBLE_ARIA_LABEL=S;exports.AI_SELECTION_BUBBLE_CLASS=E;exports.AI_SELECTION_BUSY_LABEL=t;exports.AI_SELECTION_DISMISS_LABEL=T;exports.AI_SELECTION_EDGE_PX=e;exports.AI_SELECTION_ESTIMATED_HEIGHT_PX=N;exports.AI_SELECTION_ESTIMATED_WIDTH_PX=n;exports.AI_SELECTION_GAP_PX=C;exports.AI_SELECTION_LINE_CAP_PX=O;exports.AI_SELECTION_TRANSLATE_LANGUAGE=i;

package/dist/components/InkEditor/components/AiSelectionBubble/AiSelectionBubble.const.d.ts

@@ -0,0 +1,20 @@
+import { InkAiCapability } from '../../../../types';
+export declare const AI_SELECTION_BUBBLE_CLASS = "Ink-AiSelection";
+export declare const AI_SELECTION_ACTION_CLASS = "Ink-AiSelection__action";
+export declare const AI_SELECTION_ACTION_ACTIVE_CLASS = "Ink-AiSelection__action--active";
+export declare const AI_SELECTION_BUBBLE_ARIA_LABEL = "Selection AI";
+export declare const AI_SELECTION_APPLY_LABEL = "Apply";
+export declare const AI_SELECTION_DISMISS_LABEL = "Dismiss";
+export declare const AI_SELECTION_BUSY_LABEL = "Ink AI is writing\u2026";
+export declare const AI_SELECTION_TRANSLATE_LANGUAGE = "Spanish";
+export declare const AI_SELECTION_GAP_PX = 8;
+export declare const AI_SELECTION_EDGE_PX = 8;
+export declare const AI_SELECTION_ESTIMATED_HEIGHT_PX = 40;
+export declare const AI_SELECTION_ESTIMATED_WIDTH_PX = 448;
+export declare const AI_SELECTION_LINE_CAP_PX = 28;
+export declare const AI_SELECTION_ACTIONS: ReadonlyArray<{
+    id: string;
+    label: string;
+    capability: InkAiCapability;
+}>;
+//# sourceMappingURL=AiSelectionBubble.const.d.ts.map

package/dist/components/InkEditor/components/AiSelectionBubble/AiSelectionBubble.const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiSelectionBubble.const.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/AiSelectionBubble/AiSelectionBubble.const.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGzD,eAAO,MAAM,yBAAyB,oBAAoB,CAAC;AAC3D,eAAO,MAAM,yBAAyB,4BAA4B,CAAC;AACnE,eAAO,MAAM,gCAAgC,oCAAoC,CAAC;AAClF,eAAO,MAAM,8BAA8B,iBAAiB,CAAC;AAC7D,eAAO,MAAM,wBAAwB,UAAU,CAAC;AAChD,eAAO,MAAM,0BAA0B,YAAY,CAAC;AACpD,eAAO,MAAM,uBAAuB,4BAAuB,CAAC;AAC5D,eAAO,MAAM,+BAA+B,YAAY,CAAC;AACzD,eAAO,MAAM,mBAAmB,IAAe,CAAC;AAChD,eAAO,MAAM,oBAAoB,IAAe,CAAC;AACjD,eAAO,MAAM,gCAAgC,KAAe,CAAC;AAC7D,eAAO,MAAM,+BAA+B,MAAM,CAAC;AACnD,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAE3C,eAAO,MAAM,oBAAoB,EAAE,aAAa,CAAC;IAC/C,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,eAAe,CAAC;CAC7B,CAOA,CAAC"}

package/dist/components/InkEditor/components/AiSelectionBubble/AiSelectionBubble.const.js

@@ -0,0 +1,25 @@
+import { NUMBER_EIGHT as _, NUMBER_FORTY as E } from "../../../../constants/numbers.js";
+const A = "Ink-AiSelection", i = "Ink-AiSelection__action", t = "Ink-AiSelection__action--active", n = "Selection AI", e = "Apply", S = "Dismiss", o = "Ink AI is writing…", L = "Spanish", a = _, T = _, c = E, l = 448, s = 28, C = [
+  { id: "improve", label: "Improve", capability: "rewrite" },
+  { id: "shorter", label: "Shorter", capability: "summarize" },
+  { id: "longer", label: "Longer", capability: "expand" },
+  { id: "fix", label: "Fix", capability: "review" },
+  { id: "tone", label: "Tone", capability: "tone" },
+  { id: "translate", label: "Translate", capability: "translate" }
+];
+export {
+  C as AI_SELECTION_ACTIONS,
+  t as AI_SELECTION_ACTION_ACTIVE_CLASS,
+  i as AI_SELECTION_ACTION_CLASS,
+  e as AI_SELECTION_APPLY_LABEL,
+  n as AI_SELECTION_BUBBLE_ARIA_LABEL,
+  A as AI_SELECTION_BUBBLE_CLASS,
+  o as AI_SELECTION_BUSY_LABEL,
+  S as AI_SELECTION_DISMISS_LABEL,
+  T as AI_SELECTION_EDGE_PX,
+  c as AI_SELECTION_ESTIMATED_HEIGHT_PX,
+  l as AI_SELECTION_ESTIMATED_WIDTH_PX,
+  a as AI_SELECTION_GAP_PX,
+  s as AI_SELECTION_LINE_CAP_PX,
+  L as AI_SELECTION_TRANSLATE_LANGUAGE
+};

package/dist/components/InkEditor/components/AiSelectionBubble/AiSelectionBubble.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { AiSelectionBubbleProps } from './AiSelectionBubble.types';
+export declare const AiSelectionBubble: FC<AiSelectionBubbleProps>;
+//# sourceMappingURL=AiSelectionBubble.d.ts.map

package/dist/components/InkEditor/components/AiSelectionBubble/AiSelectionBubble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiSelectionBubble.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/AiSelectionBubble/AiSelectionBubble.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAgB,MAAM,OAAO,CAAC;AAY9C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAOxE,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAgDxD,CAAC"}

package/dist/components/InkEditor/components/AiSelectionBubble/AiSelectionBubble.js

@@ -0,0 +1,61 @@
+import { jsxs as r, jsx as e, Fragment as p } from "react/jsx-runtime";
+import { createPortal as L } from "react-dom";
+import { AI_SELECTION_BUBBLE_ARIA_LABEL as S, AI_SELECTION_BUBBLE_CLASS as u, AI_SELECTION_ACTIONS as C, AI_SELECTION_ACTION_CLASS as t, AI_SELECTION_BUSY_LABEL as d, AI_SELECTION_APPLY_LABEL as m, AI_SELECTION_ACTION_ACTIVE_CLASS as N, AI_SELECTION_DISMISS_LABEL as b } from "./AiSelectionBubble.const.js";
+const l = (n) => {
+  n.preventDefault(), n.stopPropagation();
+}, f = (n) => {
+  const { open: s, top: _, left: A, busy: i, preview: a, onAction: I, onApply: E, onDismiss: c } = n;
+  return !s || typeof document > "u" ? null : L(
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: u,
+        style: { position: "fixed", top: _, left: A },
+        role: "toolbar",
+        "aria-label": S,
+        onPointerDown: (o) => o.stopPropagation(),
+        children: [
+          C.map((o) => /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: t,
+              disabled: i,
+              onPointerDown: l,
+              onClick: () => I(o.id),
+              children: o.label
+            },
+            o.id
+          )),
+          i ? /* @__PURE__ */ e("span", { className: "Ink-AiSelection__status", children: d }) : null,
+          a ? /* @__PURE__ */ r(p, { children: [
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: `${t} ${N}`,
+                onPointerDown: l,
+                onClick: E,
+                children: m
+              }
+            ),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: t,
+                onPointerDown: l,
+                onClick: c,
+                children: b
+              }
+            )
+          ] }) : null
+        ]
+      }
+    ),
+    document.body
+  );
+};
+export {
+  f as AiSelectionBubble
+};

package/dist/components/InkEditor/components/AiSelectionBubble/AiSelectionBubble.types.d.ts

@@ -0,0 +1,11 @@
+export interface AiSelectionBubbleProps {
+    open: boolean;
+    top: number;
+    left: number;
+    busy: boolean;
+    preview: string;
+    onAction: (actionId: string) => void;
+    onApply: () => void;
+    onDismiss: () => void;
+}
+//# sourceMappingURL=AiSelectionBubble.types.d.ts.map

package/dist/components/InkEditor/components/AiSelectionBubble/AiSelectionBubble.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiSelectionBubble.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/AiSelectionBubble/AiSelectionBubble.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,OAAO,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB"}

package/dist/components/InkEditor/components/AiSelectionBubble/AiSelectionBubble.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("../../../../constants/numbers.cjs"),e=require("./AiSelectionBubble.const.cjs"),c=(t,E)=>{const o=(t.bottom-t.top>e.AI_SELECTION_ESTIMATED_HEIGHT_PX?t.top+e.AI_SELECTION_LINE_CAP_PX:t.bottom)+e.AI_SELECTION_GAP_PX,r=t.top-e.AI_SELECTION_ESTIMATED_HEIGHT_PX-e.AI_SELECTION_GAP_PX,n=o+e.AI_SELECTION_ESTIMATED_HEIGHT_PX<=E.height-e.AI_SELECTION_EDGE_PX?o:Math.max(e.AI_SELECTION_EDGE_PX,r),T=Math.max(e.AI_SELECTION_EDGE_PX,E.width-e.AI_SELECTION_ESTIMATED_WIDTH_PX-e.AI_SELECTION_EDGE_PX),l=Math.min(Math.max(t.left,e.AI_SELECTION_EDGE_PX),T);return{top:Number.isFinite(n)?n:I.NUMBER_ZERO,left:Number.isFinite(l)?l:I.NUMBER_ZERO}},A=t=>t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;"),s=t=>{const E=e.AI_SELECTION_ACTIONS.find(i=>i.id===t);return(E==null?void 0:E.capability)??null},S=t=>{if(t==="translate")return{language:e.AI_SELECTION_TRANSLATE_LANGUAGE}},u=t=>{var i,_;if((i=t.diff)!=null&&i.suggestedHtml)return t.diff.suggestedHtml;if(t.html)return t.html;const E=(_=t.reviewSuggestions)==null?void 0:_.find(o=>o.suggestedText.trim());return E?`<p>${A(E.suggestedText)}</p>`:t.text?`<p>${A(t.text)}</p>`:""};exports.capabilityForSelectionAction=s;exports.htmlFromAiResponse=u;exports.optionsForSelectionAction=S;exports.placeAiSelectionBubble=c;

package/dist/components/InkEditor/components/AiSelectionBubble/AiSelectionBubble.utils.d.ts

@@ -0,0 +1,19 @@
+import { InkAiCapability, InkAiResponse } from '../../../../types';
+export interface AiSelectionAnchor {
+    top: number;
+    left: number;
+    bottom: number;
+    width: number;
+}
+export interface AiSelectionViewport {
+    width: number;
+    height: number;
+}
+export declare const placeAiSelectionBubble: (selectionRect: AiSelectionAnchor, viewport: AiSelectionViewport) => {
+    top: number;
+    left: number;
+};
+export declare const capabilityForSelectionAction: (actionId: string) => InkAiCapability | null;
+export declare const optionsForSelectionAction: (actionId: string) => Record<string, string> | undefined;
+export declare const htmlFromAiResponse: (response: InkAiResponse) => string;
+//# sourceMappingURL=AiSelectionBubble.utils.d.ts.map

package/dist/components/InkEditor/components/AiSelectionBubble/AiSelectionBubble.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiSelectionBubble.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/AiSelectionBubble/AiSelectionBubble.utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAWxE,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,sBAAsB,GACjC,eAAe,iBAAiB,EAChC,UAAU,mBAAmB,KAC5B;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAmB7B,CAAC;AAQF,eAAO,MAAM,4BAA4B,GAAI,UAAU,MAAM,KAAG,eAAe,GAAG,IAGjF,CAAC;AAEF,eAAO,MAAM,yBAAyB,GACpC,UAAU,MAAM,KACf,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAK3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,UAAU,aAAa,KAAG,MAO5D,CAAC"}

package/dist/components/InkEditor/components/AiSelectionBubble/AiSelectionBubble.utils.js

@@ -0,0 +1,30 @@
+import { NUMBER_ZERO as _ } from "../../../../constants/numbers.js";
+import { AI_SELECTION_ACTIONS as A, AI_SELECTION_TRANSLATE_LANGUAGE as I, AI_SELECTION_ESTIMATED_HEIGHT_PX as l, AI_SELECTION_EDGE_PX as i, AI_SELECTION_ESTIMATED_WIDTH_PX as f, AI_SELECTION_GAP_PX as a, AI_SELECTION_LINE_CAP_PX as c } from "./AiSelectionBubble.const.js";
+const N = (t, o) => {
+  const n = (t.bottom - t.top > l ? t.top + c : t.bottom) + a, s = t.top - l - a, E = n + l <= o.height - i ? n : Math.max(i, s), u = Math.max(
+    i,
+    o.width - f - i
+  ), m = Math.min(Math.max(t.left, i), u);
+  return {
+    top: Number.isFinite(E) ? E : _,
+    left: Number.isFinite(m) ? m : _
+  };
+}, g = (t) => t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), h = (t) => {
+  const o = A.find((e) => e.id === t);
+  return (o == null ? void 0 : o.capability) ?? null;
+}, d = (t) => {
+  if (t === "translate")
+    return { language: I };
+}, L = (t) => {
+  var e, r;
+  if ((e = t.diff) != null && e.suggestedHtml) return t.diff.suggestedHtml;
+  if (t.html) return t.html;
+  const o = (r = t.reviewSuggestions) == null ? void 0 : r.find((n) => n.suggestedText.trim());
+  return o ? `<p>${g(o.suggestedText)}</p>` : t.text ? `<p>${g(t.text)}</p>` : "";
+};
+export {
+  h as capabilityForSelectionAction,
+  L as htmlFromAiResponse,
+  d as optionsForSelectionAction,
+  N as placeAiSelectionBubble
+};

package/dist/components/InkEditor/components/AiSelectionBubble/AiSelectionBubble.utils.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=AiSelectionBubble.utils.test.d.ts.map

package/dist/components/InkEditor/components/AiSelectionBubble/AiSelectionBubble.utils.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiSelectionBubble.utils.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/AiSelectionBubble/AiSelectionBubble.utils.test.ts"],"names":[],"mappings":""}

package/dist/components/InkEditor/components/AiSelectionBubble/index.d.ts

@@ -0,0 +1,4 @@
+export { AiSelectionBubble } from './AiSelectionBubble';
+export { capabilityForSelectionAction, htmlFromAiResponse, optionsForSelectionAction, placeAiSelectionBubble, } from './AiSelectionBubble.utils';
+export type { AiSelectionBubbleProps } from './AiSelectionBubble.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/InkEditor/components/AiSelectionBubble/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/AiSelectionBubble/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EACL,4BAA4B,EAC5B,kBAAkB,EAClB,yBAAyB,EACzB,sBAAsB,GACvB,MAAM,2BAA2B,CAAC;AACnC,YAAY,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/components/InkEditor/components/BlockHandles/BlockHandles.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");require("react");require("react-dom");const i=require("../../../../common-components/icons/GripIcon.cjs"),e=require("./BlockHandles.const.cjs"),l=n=>{const{visible:L,top:_,onMoveUp:r,onMoveDown:o,onDragStart:s}=n;return L?t.jsxs("div",{className:e.BLOCK_HANDLES_CLASS,style:{top:_},"aria-hidden":!L,children:[t.jsx("button",{type:"button",className:e.BLOCK_HANDLES_PLUS_CLASS,title:e.BLOCK_HANDLES_TITLE_PLUS,tabIndex:-1,children:e.BLOCK_HANDLES_PLUS_LABEL}),t.jsx("button",{type:"button",className:e.BLOCK_HANDLES_GRIP_CLASS,title:e.BLOCK_HANDLES_TITLE_GRIP,tabIndex:-1,draggable:!0,onDragStart:s,children:t.jsx(i.GripIcon,{})}),t.jsx("button",{type:"button",className:e.BLOCK_HANDLES_BTN_CLASS,title:e.BLOCK_HANDLES_TITLE_UP,onClick:r,children:e.BLOCK_HANDLES_UP_LABEL}),t.jsx("button",{type:"button",className:e.BLOCK_HANDLES_BTN_CLASS,title:e.BLOCK_HANDLES_TITLE_DOWN,onClick:o,children:e.BLOCK_HANDLES_DOWN_LABEL})]}):null};exports.BlockHandles=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");require("../../../../utils/exportDocument.utils.cjs");require("react");require("react-dom");const s=require("../../../../common-components/icons/GripIcon.cjs"),e=require("./BlockHandles.const.cjs"),l=n=>{const{visible:L,top:r,onMoveUp:_,onMoveDown:o,onDragStart:i}=n;return L?t.jsxs("div",{className:e.BLOCK_HANDLES_CLASS,style:{top:r},"aria-hidden":!L,children:[t.jsx("button",{type:"button",className:e.BLOCK_HANDLES_PLUS_CLASS,title:e.BLOCK_HANDLES_TITLE_PLUS,tabIndex:-1,children:e.BLOCK_HANDLES_PLUS_LABEL}),t.jsx("button",{type:"button",className:e.BLOCK_HANDLES_GRIP_CLASS,title:e.BLOCK_HANDLES_TITLE_GRIP,tabIndex:-1,draggable:!0,onDragStart:i,children:t.jsx(s.GripIcon,{})}),t.jsx("button",{type:"button",className:e.BLOCK_HANDLES_BTN_CLASS,title:e.BLOCK_HANDLES_TITLE_UP,onClick:_,children:e.BLOCK_HANDLES_UP_LABEL}),t.jsx("button",{type:"button",className:e.BLOCK_HANDLES_BTN_CLASS,title:e.BLOCK_HANDLES_TITLE_DOWN,onClick:o,children:e.BLOCK_HANDLES_DOWN_LABEL})]}):null};exports.BlockHandles=l;

package/dist/components/InkEditor/components/BlockHandles/BlockHandles.js

@@ -1,11 +1,12 @@
 import { jsxs as l, jsx as t } from "react/jsx-runtime";
 import "../../../../constants/openai.const.js";
 import "../../../../utils/paste.utils.js";
+import "../../../../utils/exportDocument.utils.js";
 import "react";
 import "react-dom";
 import { GripIcon as S } from "../../../../common-components/icons/GripIcon.js";
-import { BLOCK_HANDLES_CLASS as a, BLOCK_HANDLES_PLUS_LABEL as N, BLOCK_HANDLES_TITLE_PLUS as s, BLOCK_HANDLES_PLUS_CLASS as A, BLOCK_HANDLES_TITLE_GRIP as E, BLOCK_HANDLES_GRIP_CLASS as C, BLOCK_HANDLES_UP_LABEL as c, BLOCK_HANDLES_TITLE_UP as B, BLOCK_HANDLES_BTN_CLASS as o, BLOCK_HANDLES_DOWN_LABEL as m, BLOCK_HANDLES_TITLE_DOWN as p } from "./BlockHandles.const.js";
-const I = (_) => {
+import { BLOCK_HANDLES_CLASS as a, BLOCK_HANDLES_PLUS_LABEL as N, BLOCK_HANDLES_TITLE_PLUS as s, BLOCK_HANDLES_PLUS_CLASS as A, BLOCK_HANDLES_TITLE_GRIP as E, BLOCK_HANDLES_GRIP_CLASS as C, BLOCK_HANDLES_UP_LABEL as c, BLOCK_HANDLES_TITLE_UP as m, BLOCK_HANDLES_BTN_CLASS as o, BLOCK_HANDLES_DOWN_LABEL as p, BLOCK_HANDLES_TITLE_DOWN as B } from "./BlockHandles.const.js";
+const T = (_) => {
   const { visible: L, top: e, onMoveUp: n, onMoveDown: r, onDragStart: i } = _;
   return L ? /* @__PURE__ */ l("div", { className: a, style: { top: e }, "aria-hidden": !L, children: [
     /* @__PURE__ */ t(
@@ -35,7 +36,7 @@ const I = (_) => {
       {
         type: "button",
         className: o,
-        title: B,
+        title: m,
         onClick: n,
         children: c
       }
@@ -45,13 +46,13 @@ const I = (_) => {
       {
         type: "button",
         className: o,
-        title: p,
+        title: B,
         onClick: r,
-        children: m
+        children: p
       }
     )
   ] }) : null;
 };
 export {
-  I as BlockHandles
+  T as BlockHandles
 };

package/dist/components/InkEditor/components/CommentsPanel/CommentsPanel.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("react"),x=c=>{const{comments:o,author:r,onAddReply:d,onResolve:_,onClose:l}=c,[a,m]=j.useState({}),u=(s,n)=>{var i;s.preventDefault();const t=(i=a[n])==null?void 0:i.trim();t&&(d(n,t),m(h=>({...h,[n]:""})))};return e.jsxs("aside",{className:"Ink-Comments","aria-label":"Comments archive",children:[e.jsxs("div",{className:"Ink-Comments__header",children:[e.jsx("strong",{children:"Comments archive"}),l?e.jsx("button",{type:"button",className:"Ink-Editor__button",onClick:l,title:"Close",children:"×"}):null]}),e.jsx("div",{className:"Ink-Comments__list",children:o.length===0?e.jsx("p",{className:"Ink-Comments__empty",children:"Select text and add a comment to start a thread."}):o.map(s=>e.jsxs("article",{className:`Ink-Comments__thread${s.resolved?" Ink-Comments__thread--resolved":""}`,children:[e.jsxs("header",{className:"Ink-Comments__meta",children:[e.jsx("span",{children:s.author}),e.jsx("time",{children:new Date(s.timestamp).toLocaleString()})]}),e.jsx("p",{className:"Ink-Comments__body",children:s.body}),s.replies.map(n=>e.jsxs("div",{className:"Ink-Comments__reply",children:[e.jsxs("header",{className:"Ink-Comments__meta",children:[e.jsx("span",{children:n.author}),e.jsx("time",{children:new Date(n.timestamp).toLocaleString()})]}),e.jsx("p",{className:"Ink-Comments__body",children:n.body})]},n.id)),s.resolved?e.jsx("p",{className:"Ink-Comments__resolved",children:"Resolved"}):e.jsxs("form",{className:"Ink-Comments__form",onSubmit:n=>u(n,s.id),children:[e.jsx("input",{value:a[s.id]??"",onChange:n=>m(t=>({...t,[s.id]:n.target.value})),placeholder:`Reply as ${r}…`,"aria-label":`Reply to ${s.author}`}),e.jsx("button",{type:"submit",className:"Ink-Editor__button Ink-Editor__button--active",children:"Reply"}),e.jsx("button",{type:"button",className:"Ink-Editor__button",onClick:()=>_(s.id),children:"Resolve"})]})]},s.id))})]})};exports.CommentsPanel=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("react"),C=c=>{const{comments:o,author:r,onAddReply:d,onResolve:u,onReopen:_,onFocus:p,onClose:l}=c,[a,m]=x.useState({}),b=(n,s)=>{var i;n.preventDefault();const t=(i=a[s])==null?void 0:i.trim();t&&(d(s,t),m(j=>({...j,[s]:""})))};return e.jsxs("aside",{className:"Ink-Comments","aria-label":"Comments archive",children:[e.jsxs("div",{className:"Ink-Comments__header",children:[e.jsx("strong",{children:"Comments archive"}),l?e.jsx("button",{type:"button",className:"Ink-Editor__button",onClick:l,title:"Close",children:"×"}):null]}),e.jsx("div",{className:"Ink-Comments__list",children:o.length===0?e.jsx("p",{className:"Ink-Comments__empty",children:"Select text and add a comment to start a thread."}):o.map(n=>e.jsxs("article",{className:`Ink-Comments__thread${n.resolved?" Ink-Comments__thread--resolved":""}`,onClick:()=>p(n.id),children:[e.jsxs("header",{className:"Ink-Comments__meta",children:[e.jsx("span",{children:n.author}),e.jsx("time",{children:new Date(n.timestamp).toLocaleString()})]}),e.jsx("p",{className:"Ink-Comments__body",children:n.body}),n.replies.map(s=>e.jsxs("div",{className:"Ink-Comments__reply",children:[e.jsxs("header",{className:"Ink-Comments__meta",children:[e.jsx("span",{children:s.author}),e.jsx("time",{children:new Date(s.timestamp).toLocaleString()})]}),e.jsx("p",{className:"Ink-Comments__body",children:s.body})]},s.id)),n.resolved?e.jsx("button",{type:"button",className:"Ink-Editor__button",onClick:()=>_(n.id),children:"Reopen"}):e.jsxs("form",{className:"Ink-Comments__form",onSubmit:s=>b(s,n.id),children:[e.jsx("input",{value:a[n.id]??"",onChange:s=>m(t=>({...t,[n.id]:s.target.value})),placeholder:`Reply as ${r}…`,"aria-label":`Reply to ${n.author}`}),e.jsx("button",{type:"submit",className:"Ink-Editor__button Ink-Editor__button--active",children:"Reply"}),e.jsx("button",{type:"button",className:"Ink-Editor__button",onClick:()=>u(n.id),children:"Resolve"})]})]},n.id))})]})};exports.CommentsPanel=C;

package/dist/components/InkEditor/components/CommentsPanel/CommentsPanel.d.ts

@@ -5,6 +5,8 @@ export interface CommentsPanelProps {
     author: string;
     onAddReply: (threadId: string, body: string) => void;
     onResolve: (threadId: string) => void;
+    onReopen: (threadId: string) => void;
+    onFocus: (threadId: string) => void;
     onClose?: () => void;
 }
 export declare const CommentsPanel: FC<CommentsPanelProps>;

package/dist/components/InkEditor/components/CommentsPanel/CommentsPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommentsPanel.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/CommentsPanel/CommentsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,EAAE,EAAkB,MAAM,OAAO,CAAC;AAC1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE1D,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA2EhD,CAAC"}
+{"version":3,"file":"CommentsPanel.d.ts","sourceRoot":"","sources":["../../../../../src/components/InkEditor/components/CommentsPanel/CommentsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,EAAE,EAAkB,MAAM,OAAO,CAAC;AAC1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE1D,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA8EhD,CAAC"}

package/dist/components/InkEditor/components/CommentsPanel/CommentsPanel.js

@@ -1,40 +1,41 @@
-import { jsxs as s, jsx as n } from "react/jsx-runtime";
-import { useState as C } from "react";
+import { jsxs as o, jsx as n } from "react/jsx-runtime";
+import { useState as k } from "react";
 const v = (r) => {
-  const { comments: m, author: d, onAddReply: _, onResolve: p, onClose: l } = r, [a, i] = C({}), h = (e, t) => {
+  const { comments: l, author: d, onAddReply: _, onResolve: u, onReopen: p, onFocus: C, onClose: m } = r, [a, i] = k({}), b = (e, t) => {
     var c;
     e.preventDefault();
-    const o = (c = a[t]) == null ? void 0 : c.trim();
-    o && (_(t, o), i((u) => ({ ...u, [t]: "" })));
+    const s = (c = a[t]) == null ? void 0 : c.trim();
+    s && (_(t, s), i((h) => ({ ...h, [t]: "" })));
   };
-  return /* @__PURE__ */ s("aside", { className: "Ink-Comments", "aria-label": "Comments archive", children: [
-    /* @__PURE__ */ s("div", { className: "Ink-Comments__header", children: [
+  return /* @__PURE__ */ o("aside", { className: "Ink-Comments", "aria-label": "Comments archive", children: [
+    /* @__PURE__ */ o("div", { className: "Ink-Comments__header", children: [
       /* @__PURE__ */ n("strong", { children: "Comments archive" }),
-      l ? /* @__PURE__ */ n("button", { type: "button", className: "Ink-Editor__button", onClick: l, title: "Close", children: "×" }) : null
+      m ? /* @__PURE__ */ n("button", { type: "button", className: "Ink-Editor__button", onClick: m, title: "Close", children: "×" }) : null
     ] }),
-    /* @__PURE__ */ n("div", { className: "Ink-Comments__list", children: m.length === 0 ? /* @__PURE__ */ n("p", { className: "Ink-Comments__empty", children: "Select text and add a comment to start a thread." }) : m.map((e) => /* @__PURE__ */ s(
+    /* @__PURE__ */ n("div", { className: "Ink-Comments__list", children: l.length === 0 ? /* @__PURE__ */ n("p", { className: "Ink-Comments__empty", children: "Select text and add a comment to start a thread." }) : l.map((e) => /* @__PURE__ */ o(
       "article",
       {
         className: `Ink-Comments__thread${e.resolved ? " Ink-Comments__thread--resolved" : ""}`,
+        onClick: () => C(e.id),
         children: [
-          /* @__PURE__ */ s("header", { className: "Ink-Comments__meta", children: [
+          /* @__PURE__ */ o("header", { className: "Ink-Comments__meta", children: [
             /* @__PURE__ */ n("span", { children: e.author }),
             /* @__PURE__ */ n("time", { children: new Date(e.timestamp).toLocaleString() })
           ] }),
           /* @__PURE__ */ n("p", { className: "Ink-Comments__body", children: e.body }),
-          e.replies.map((t) => /* @__PURE__ */ s("div", { className: "Ink-Comments__reply", children: [
-            /* @__PURE__ */ s("header", { className: "Ink-Comments__meta", children: [
+          e.replies.map((t) => /* @__PURE__ */ o("div", { className: "Ink-Comments__reply", children: [
+            /* @__PURE__ */ o("header", { className: "Ink-Comments__meta", children: [
               /* @__PURE__ */ n("span", { children: t.author }),
               /* @__PURE__ */ n("time", { children: new Date(t.timestamp).toLocaleString() })
             ] }),
             /* @__PURE__ */ n("p", { className: "Ink-Comments__body", children: t.body })
           ] }, t.id)),
-          e.resolved ? /* @__PURE__ */ n("p", { className: "Ink-Comments__resolved", children: "Resolved" }) : /* @__PURE__ */ s("form", { className: "Ink-Comments__form", onSubmit: (t) => h(t, e.id), children: [
+          e.resolved ? /* @__PURE__ */ n("button", { type: "button", className: "Ink-Editor__button", onClick: () => p(e.id), children: "Reopen" }) : /* @__PURE__ */ o("form", { className: "Ink-Comments__form", onSubmit: (t) => b(t, e.id), children: [
             /* @__PURE__ */ n(
               "input",
               {
                 value: a[e.id] ?? "",
-                onChange: (t) => i((o) => ({ ...o, [e.id]: t.target.value })),
+                onChange: (t) => i((s) => ({ ...s, [e.id]: t.target.value })),
                 placeholder: `Reply as ${d}…`,
                 "aria-label": `Reply to ${e.author}`
               }
@@ -45,7 +46,7 @@ const v = (r) => {
               {
                 type: "button",
                 className: "Ink-Editor__button",
-                onClick: () => p(e.id),
+                onClick: () => u(e.id),
                 children: "Resolve"
               }
             )

package/dist/components/InkEditor/components/ExcelSheetPanel/ExcelSheetPanel.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),E=require("react"),B=require("react-dom"),s=require("../../../../constants/numbers.cjs"),a=require("../../../../constants/generals.const.cjs"),P=require("../../../../constants/colorMode.const.cjs"),G=require("../../../../constants/keyboard.const.cjs"),o=require("../../../../constants/defaults.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");const l=require("../../../../plugins/excel/excel.utils.cjs"),V=require("../ToolbarDropdown/ToolbarDropdown.utils.cjs"),k=require("../ToolbarButton/ToolbarButton.cjs"),F=X=>{var h;const{icon:D,disabled:p=!1,hint:I,onHint:w,pluginColor:g,onInsert:x}=X,[S,L]=E.useState(!1),[r,i]=E.useState(l.createEmptyExcelGrid),[v,R]=E.useState(null),[O,m]=E.useState(null),[M,j]=E.useState({top:s.NUMBER_ZERO,left:s.NUMBER_ZERO}),T=E.useRef(null),A=E.useRef(null),f=E.useRef(null),K=E.useRef(null),N=((h=r[s.NUMBER_ZERO])==null?void 0:h.length)??s.NUMBER_ONE,y=r.length<s.INK_EXCEL_SHEET_MAX_ROWS,$=N<s.INK_EXCEL_SHEET_MAX_COLS,H=r.length>s.NUMBER_ONE,U=N>s.NUMBER_ONE;E.useEffect(()=>{if(!S)return;const e=()=>{var C;const c=(C=f.current)==null?void 0:C.getBoundingClientRect().height,d=V.getToolbarDropdownMenuPosition(A.current,c&&c>s.NUMBER_ZERO?c:s.INK_EXCEL_MENU_ESTIMATED_HEIGHT_PX);j({top:d.top,left:d.left})};e();const t=window.requestAnimationFrame(e),u=c=>{var C,b;const d=c.target;(C=T.current)!=null&&C.contains(d)||(b=f.current)!=null&&b.contains(d)||L(!1)},_=c=>{c.key===G.KEY_ESCAPE&&L(!1)};return document.addEventListener("mousedown",u),document.addEventListener("keydown",_),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{window.cancelAnimationFrame(t),document.removeEventListener("mousedown",u),document.removeEventListener("keydown",_),window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[S,r.length,N]);const q=e=>{var _;const t=(_=e.target.files)==null?void 0:_[s.NUMBER_ZERO];if(!t)return;const u=new FileReader;u.onload=()=>{i(l.parseCsvText(String(u.result)))},u.readAsText(t)};return n.jsxs("div",{className:o.INK_CLASS_STYLE_DD,ref:T,children:[n.jsx("div",{ref:A,children:n.jsx(k.ToolbarButton,{icon:D,title:a.INK_EXCEL_TITLE,hint:I,onHint:w,pluginColor:g,disabled:p,onClick:()=>{p||(i(l.createEmptyExcelGrid()),L(e=>!e))}})}),S?B.createPortal(n.jsxs("div",{ref:f,className:`${o.INK_CLASS_STYLE_MENU} ${o.INK_CLASS_STYLE_MENU_PORTAL} ${o.INK_CLASS_STYLE_MENU_FORCED} ${o.INK_CLASS_EXCEL_PANEL}`,"data-color-mode":P.COLOR_MODE_LIGHT,role:"dialog","aria-label":a.INK_EXCEL_TITLE,style:{top:M.top,left:M.left},children:[n.jsx("div",{className:o.INK_CLASS_EXCEL_TITLE,children:a.INK_EXCEL_TITLE}),n.jsxs("div",{className:o.INK_CLASS_EXCEL_GRID,style:{gridTemplateColumns:`2rem repeat(${N}, minmax(0, 1fr))`},onMouseLeave:()=>{R(null),m(null)},children:[n.jsx("span",{className:o.INK_CLASS_EXCEL_CORNER}),(r[s.NUMBER_ZERO]??[]).map((e,t)=>n.jsx("span",{className:`${o.INK_CLASS_EXCEL_HEAD}${v===t?` ${o.INK_CLASS_EXCEL_COL_HOVER}`:""}`,onMouseEnter:()=>R(t),children:o.EXCEL_COL_LETTERS[t]??t+s.NUMBER_ONE},`h-${t}`)),r.map((e,t)=>n.jsxs(E.Fragment,{children:[n.jsx("span",{className:`${o.INK_CLASS_EXCEL_HEAD}${O===t?` ${o.INK_CLASS_EXCEL_ROW_HOVER}`:""}`,onMouseEnter:()=>m(t),children:t+s.NUMBER_ONE}),e.map((u,_)=>n.jsx("input",{className:`${o.INK_CLASS_EXCEL_CELL}${v===_?` ${o.INK_CLASS_EXCEL_COL_HOVER}`:""}${O===t?` ${o.INK_CLASS_EXCEL_ROW_HOVER}`:""}`,value:u,onMouseEnter:()=>{R(_),m(t)},onChange:c=>i(l.setExcelCell(r,t,_,c.target.value))},`${t}-${_}`))]},`row-${t}`))]}),n.jsxs("div",{className:o.INK_CLASS_EXCEL_ACTIONS,children:[n.jsx("button",{type:"button",disabled:!y,onMouseDown:e=>{e.preventDefault(),i(l.addExcelRow(r))},children:a.INK_EXCEL_ADD_ROW}),n.jsx("button",{type:"button",disabled:!$,onMouseDown:e=>{e.preventDefault(),i(l.addExcelCol(r))},children:a.INK_EXCEL_ADD_COL}),n.jsx("button",{type:"button",disabled:!H,onMouseDown:e=>{e.preventDefault(),i(l.removeExcelRow(r))},children:a.INK_EXCEL_REMOVE_ROW}),n.jsx("button",{type:"button",disabled:!U,onMouseDown:e=>{e.preventDefault(),i(l.removeExcelCol(r))},children:a.INK_EXCEL_REMOVE_COL}),n.jsx("button",{type:"button",onMouseDown:e=>{e.preventDefault(),i(l.clearExcelGrid(r))},children:a.INK_EXCEL_CLEAR}),n.jsx("button",{type:"button",onMouseDown:e=>{var t;e.preventDefault(),(t=K.current)==null||t.click()},children:a.INK_EXCEL_IMPORT}),n.jsx("button",{type:"button",className:o.INK_CLASS_EXCEL_INSERT,onMouseDown:e=>{e.preventDefault(),x(l.excelGridToTableHtml(r)),L(!1)},children:a.INK_EXCEL_INSERT})]}),n.jsx("input",{ref:K,type:"file",accept:l.CSV_ACCEPT,hidden:!0,onChange:q})]}),document.body):null]})};exports.ExcelSheetPanel=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),E=require("react"),B=require("react-dom"),s=require("../../../../constants/numbers.cjs"),i=require("../../../../constants/generals.const.cjs"),P=require("../../../../constants/colorMode.const.cjs"),G=require("../../../../constants/keyboard.const.cjs"),o=require("../../../../constants/defaults.const.cjs");require("../../../../constants/openai.const.cjs");require("../../../../utils/paste.utils.cjs");require("../../../../utils/exportDocument.utils.cjs");const l=require("../../../../plugins/excel/excel.utils.cjs"),V=require("../ToolbarDropdown/ToolbarDropdown.utils.cjs"),k=require("../ToolbarButton/ToolbarButton.cjs"),F=X=>{var h;const{icon:D,disabled:p=!1,hint:I,onHint:w,pluginColor:g,onInsert:x}=X,[S,L]=E.useState(!1),[r,c]=E.useState(l.createEmptyExcelGrid),[v,R]=E.useState(null),[O,m]=E.useState(null),[M,j]=E.useState({top:s.NUMBER_ZERO,left:s.NUMBER_ZERO}),T=E.useRef(null),A=E.useRef(null),f=E.useRef(null),K=E.useRef(null),N=((h=r[s.NUMBER_ZERO])==null?void 0:h.length)??s.NUMBER_ONE,y=r.length<s.INK_EXCEL_SHEET_MAX_ROWS,$=N<s.INK_EXCEL_SHEET_MAX_COLS,q=r.length>s.NUMBER_ONE,H=N>s.NUMBER_ONE;E.useEffect(()=>{if(!S)return;const e=()=>{var C;const a=(C=f.current)==null?void 0:C.getBoundingClientRect().height,d=V.getToolbarDropdownMenuPosition(A.current,a&&a>s.NUMBER_ZERO?a:s.INK_EXCEL_MENU_ESTIMATED_HEIGHT_PX);j({top:d.top,left:d.left})};e();const t=window.requestAnimationFrame(e),u=a=>{var C,b;const d=a.target;(C=T.current)!=null&&C.contains(d)||(b=f.current)!=null&&b.contains(d)||L(!1)},_=a=>{a.key===G.KEY_ESCAPE&&L(!1)};return document.addEventListener("mousedown",u),document.addEventListener("keydown",_),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{window.cancelAnimationFrame(t),document.removeEventListener("mousedown",u),document.removeEventListener("keydown",_),window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[S,r.length,N]);const U=e=>{var _;const t=(_=e.target.files)==null?void 0:_[s.NUMBER_ZERO];if(!t)return;const u=new FileReader;u.onload=()=>{c(l.parseCsvText(String(u.result)))},u.readAsText(t)};return n.jsxs("div",{className:o.INK_CLASS_STYLE_DD,ref:T,children:[n.jsx("div",{ref:A,children:n.jsx(k.ToolbarButton,{icon:D,title:i.INK_EXCEL_TITLE,hint:I,onHint:w,pluginColor:g,disabled:p,onClick:()=>{p||(c(l.createEmptyExcelGrid()),L(e=>!e))}})}),S?B.createPortal(n.jsxs("div",{ref:f,className:`${o.INK_CLASS_STYLE_MENU} ${o.INK_CLASS_STYLE_MENU_PORTAL} ${o.INK_CLASS_STYLE_MENU_FORCED} ${o.INK_CLASS_EXCEL_PANEL}`,"data-color-mode":P.COLOR_MODE_LIGHT,role:"dialog","aria-label":i.INK_EXCEL_TITLE,style:{top:M.top,left:M.left},children:[n.jsx("div",{className:o.INK_CLASS_EXCEL_TITLE,children:i.INK_EXCEL_TITLE}),n.jsxs("div",{className:o.INK_CLASS_EXCEL_GRID,style:{gridTemplateColumns:`2rem repeat(${N}, minmax(0, 1fr))`},onMouseLeave:()=>{R(null),m(null)},children:[n.jsx("span",{className:o.INK_CLASS_EXCEL_CORNER}),(r[s.NUMBER_ZERO]??[]).map((e,t)=>n.jsx("span",{className:`${o.INK_CLASS_EXCEL_HEAD}${v===t?` ${o.INK_CLASS_EXCEL_COL_HOVER}`:""}`,onMouseEnter:()=>R(t),children:o.EXCEL_COL_LETTERS[t]??t+s.NUMBER_ONE},`h-${t}`)),r.map((e,t)=>n.jsxs(E.Fragment,{children:[n.jsx("span",{className:`${o.INK_CLASS_EXCEL_HEAD}${O===t?` ${o.INK_CLASS_EXCEL_ROW_HOVER}`:""}`,onMouseEnter:()=>m(t),children:t+s.NUMBER_ONE}),e.map((u,_)=>n.jsx("input",{className:`${o.INK_CLASS_EXCEL_CELL}${v===_?` ${o.INK_CLASS_EXCEL_COL_HOVER}`:""}${O===t?` ${o.INK_CLASS_EXCEL_ROW_HOVER}`:""}`,value:u,onMouseEnter:()=>{R(_),m(t)},onChange:a=>c(l.setExcelCell(r,t,_,a.target.value))},`${t}-${_}`))]},`row-${t}`))]}),n.jsxs("div",{className:o.INK_CLASS_EXCEL_ACTIONS,children:[n.jsx("button",{type:"button",disabled:!y,onMouseDown:e=>{e.preventDefault(),c(l.addExcelRow(r))},children:i.INK_EXCEL_ADD_ROW}),n.jsx("button",{type:"button",disabled:!$,onMouseDown:e=>{e.preventDefault(),c(l.addExcelCol(r))},children:i.INK_EXCEL_ADD_COL}),n.jsx("button",{type:"button",disabled:!q,onMouseDown:e=>{e.preventDefault(),c(l.removeExcelRow(r))},children:i.INK_EXCEL_REMOVE_ROW}),n.jsx("button",{type:"button",disabled:!H,onMouseDown:e=>{e.preventDefault(),c(l.removeExcelCol(r))},children:i.INK_EXCEL_REMOVE_COL}),n.jsx("button",{type:"button",onMouseDown:e=>{e.preventDefault(),c(l.clearExcelGrid(r))},children:i.INK_EXCEL_CLEAR}),n.jsx("button",{type:"button",onMouseDown:e=>{var t;e.preventDefault(),(t=K.current)==null||t.click()},children:i.INK_EXCEL_IMPORT}),n.jsx("button",{type:"button",className:o.INK_CLASS_EXCEL_INSERT,onMouseDown:e=>{e.preventDefault(),x(l.excelGridToTableHtml(r)),L(!1)},children:i.INK_EXCEL_INSERT})]}),n.jsx("input",{ref:K,type:"file",accept:l.CSV_ACCEPT,hidden:!0,onChange:U})]}),document.body):null]})};exports.ExcelSheetPanel=F;

package/dist/components/InkEditor/components/ExcelSheetPanel/ExcelSheetPanel.js

@@ -1,19 +1,20 @@
 import { jsxs as _, jsx as n } from "react/jsx-runtime";
 import { useState as u, useRef as L, useEffect as j, Fragment as x } from "react";
 import { createPortal as z } from "react-dom";
-import { NUMBER_ZERO as i, NUMBER_ONE as d, INK_EXCEL_SHEET_MAX_ROWS as q, INK_EXCEL_SHEET_MAX_COLS as Z, INK_EXCEL_MENU_ESTIMATED_HEIGHT_PX as J } from "../../../../constants/numbers.js";
+import { NUMBER_ZERO as i, NUMBER_ONE as m, INK_EXCEL_SHEET_MAX_ROWS as q, INK_EXCEL_SHEET_MAX_COLS as Z, INK_EXCEL_MENU_ESTIMATED_HEIGHT_PX as J } from "../../../../constants/numbers.js";
 import { INK_EXCEL_TITLE as v, INK_EXCEL_ADD_ROW as Q, INK_EXCEL_ADD_COL as ee, INK_EXCEL_REMOVE_ROW as te, INK_EXCEL_REMOVE_COL as ne, INK_EXCEL_CLEAR as oe, INK_EXCEL_IMPORT as re, INK_EXCEL_INSERT as le } from "../../../../constants/generals.const.js";
 import { COLOR_MODE_LIGHT as se } from "../../../../constants/colorMode.const.js";
 import { KEY_ESCAPE as Ee } from "../../../../constants/keyboard.const.js";
-import { INK_CLASS_STYLE_DD as ie, INK_CLASS_STYLE_MENU as ae, INK_CLASS_STYLE_MENU_PORTAL as ce, INK_CLASS_STYLE_MENU_FORCED as _e, INK_CLASS_EXCEL_PANEL as ue, INK_CLASS_EXCEL_TITLE as de, INK_CLASS_EXCEL_GRID as me, INK_CLASS_EXCEL_CORNER as Ce, EXCEL_COL_LETTERS as Le, INK_CLASS_EXCEL_HEAD as b, INK_CLASS_EXCEL_COL_HOVER as O, INK_CLASS_EXCEL_ROW_HOVER as g, INK_CLASS_EXCEL_CELL as pe, INK_CLASS_EXCEL_ACTIONS as fe, INK_CLASS_EXCEL_INSERT as Ne } from "../../../../constants/defaults.const.js";
+import { INK_CLASS_STYLE_DD as ie, INK_CLASS_STYLE_MENU as ae, INK_CLASS_STYLE_MENU_PORTAL as ce, INK_CLASS_STYLE_MENU_FORCED as _e, INK_CLASS_EXCEL_PANEL as ue, INK_CLASS_EXCEL_TITLE as me, INK_CLASS_EXCEL_GRID as de, INK_CLASS_EXCEL_CORNER as Ce, EXCEL_COL_LETTERS as Le, INK_CLASS_EXCEL_HEAD as b, INK_CLASS_EXCEL_COL_HOVER as O, INK_CLASS_EXCEL_ROW_HOVER as g, INK_CLASS_EXCEL_CELL as pe, INK_CLASS_EXCEL_ACTIONS as fe, INK_CLASS_EXCEL_INSERT as Ne } from "../../../../constants/defaults.const.js";
 import "../../../../constants/openai.const.js";
 import "../../../../utils/paste.utils.js";
+import "../../../../utils/exportDocument.utils.js";
 import { createEmptyExcelGrid as I, setExcelCell as Se, addExcelRow as ve, addExcelCol as Re, removeExcelRow as Ae, removeExcelCol as he, clearExcelGrid as Te, excelGridToTableHtml as Ke, CSV_ACCEPT as De, parseCsvText as Me } from "../../../../plugins/excel/excel.utils.js";
 import { getToolbarDropdownMenuPosition as we } from "../ToolbarDropdown/ToolbarDropdown.utils.js";
 import { ToolbarButton as Xe } from "../ToolbarButton/ToolbarButton.js";
-const Ye = ($) => {
+const Be = ($) => {
   var w;
-  const { icon: y, disabled: R = !1, hint: H, onHint: P, pluginColor: G, onInsert: F } = $, [p, m] = u(!1), [o, s] = u(I), [A, f] = u(null), [h, N] = u(null), [T, U] = u({ top: i, left: i }), K = L(null), D = L(null), S = L(null), M = L(null), C = ((w = o[i]) == null ? void 0 : w.length) ?? d, k = o.length < q, V = C < Z, Y = o.length > d, B = C > d;
+  const { icon: y, disabled: R = !1, hint: H, onHint: P, pluginColor: G, onInsert: F } = $, [p, d] = u(!1), [o, s] = u(I), [A, f] = u(null), [h, N] = u(null), [T, U] = u({ top: i, left: i }), K = L(null), D = L(null), S = L(null), M = L(null), C = ((w = o[i]) == null ? void 0 : w.length) ?? m, k = o.length < q, V = C < Z, Y = o.length > m, B = C > m;
   j(() => {
     if (!p) return;
     const e = () => {
@@ -28,9 +29,9 @@ const Ye = ($) => {
     const t = window.requestAnimationFrame(e), E = (l) => {
       var c, X;
       const a = l.target;
-      (c = K.current) != null && c.contains(a) || (X = S.current) != null && X.contains(a) || m(!1);
+      (c = K.current) != null && c.contains(a) || (X = S.current) != null && X.contains(a) || d(!1);
     }, r = (l) => {
-      l.key === Ee && m(!1);
+      l.key === Ee && d(!1);
     };
     return document.addEventListener("mousedown", E), document.addEventListener("keydown", r), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
       window.cancelAnimationFrame(t), document.removeEventListener("mousedown", E), document.removeEventListener("keydown", r), window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
@@ -56,7 +57,7 @@ const Ye = ($) => {
         pluginColor: G,
         disabled: R,
         onClick: () => {
-          R || (s(I()), m((e) => !e));
+          R || (s(I()), d((e) => !e));
         }
       }
     ) }),
@@ -71,11 +72,11 @@ const Ye = ($) => {
           "aria-label": v,
           style: { top: T.top, left: T.left },
           children: [
-            /* @__PURE__ */ n("div", { className: de, children: v }),
+            /* @__PURE__ */ n("div", { className: me, children: v }),
             /* @__PURE__ */ _(
               "div",
               {
-                className: me,
+                className: de,
                 style: {
                   gridTemplateColumns: `2rem repeat(${C}, minmax(0, 1fr))`
                 },
@@ -89,7 +90,7 @@ const Ye = ($) => {
                     {
                       className: `${b}${A === t ? ` ${O}` : ""}`,
                       onMouseEnter: () => f(t),
-                      children: Le[t] ?? t + d
+                      children: Le[t] ?? t + m
                     },
                     `h-${t}`
                   )),
@@ -99,7 +100,7 @@ const Ye = ($) => {
                       {
                         className: `${b}${h === t ? ` ${g}` : ""}`,
                         onMouseEnter: () => N(t),
-                        children: t + d
+                        children: t + m
                       }
                     ),
                     e.map((E, r) => /* @__PURE__ */ n(
@@ -190,7 +191,7 @@ const Ye = ($) => {
                   type: "button",
                   className: Ne,
                   onMouseDown: (e) => {
-                    e.preventDefault(), F(Ke(o)), m(!1);
+                    e.preventDefault(), F(Ke(o)), d(!1);
                   },
                   children: le
                 }
@@ -205,5 +206,5 @@ const Ye = ($) => {
   ] });
 };
 export {
-  Ye as ExcelSheetPanel
+  Be as ExcelSheetPanel
 };