@opencx/widget-react 4.0.62 → 5.0.0-beta.1

package/dist/package.json.d.ts

@@ -0,0 +1,82 @@
+declare const _default: {
+  "name": "@opencx/widget-react",
+  "private": false,
+  "version": "5.0.0-beta.1",
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/openchatai/widget"
+  },
+  "scripts": {
+    "clean": "rm -rf node_modules dist .turbo",
+    "clean:dist": "rm -rf dist .turbo",
+    "dev": "vite --host",
+    "build": "vite build -c vite.config.ts",
+    "gen:ui-prompt": "tsx scripts/generate-ui-prompt.ts",
+    "test": "vitest run",
+    "type-check": "tsc --noEmit",
+    "lint": "eslint .",
+    "format": "prettier --write ."
+  },
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "dependencies": {
+    "@opencx/widget-core": "workspace:*",
+    "@opencx/widget-react-headless": "workspace:*",
+    "@radix-ui/react-avatar": "^1.1.0",
+    "@radix-ui/react-popover": "^1.1.2",
+    "@radix-ui/react-slot": "^1.1.0",
+    "@radix-ui/react-tooltip": "^1.1.2",
+    "@shardsui/notation": "^0.1.0",
+    "@uiw/react-iframe": "^1.0.3",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.1",
+    "framer-motion": "^11.3.30",
+    "html-to-image": "^1.11.13",
+    "lucide-react": "^0.436.0",
+    "react-dropzone": "^14.3.5",
+    "react-markdown": "^9.0.1",
+    "react-use": "^17.5.1",
+    "recharts": "2.15.4",
+    "rehype-raw": "^7.0.0",
+    "rehype-sanitize": "^6.0.0",
+    "remark-gfm": "^4.0.0",
+    "tailwind-merge": "^2.4.0",
+    "tinycolor2": "^1.6.0",
+    "zod": "^4.3.6"
+  },
+  "peerDependencies": {
+    "@types/react": ">=18 <20",
+    "@types/react-dom": ">=18 <20",
+    "react": ">=18 <20",
+    "react-dom": ">=18 <20"
+  },
+  "devDependencies": {
+    "@json-render/core": "0.19.0",
+    "@json-render/react": "0.19.0",
+    "@opencx/eslint-config": "workspace:*",
+    "@opencx/tsconfig": "workspace:*",
+    "@tailwindcss/typography": "^0.5.15",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.5",
+    "@types/tinycolor2": "^1.4.6",
+    "postcss": "^8.4.41",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "tailwindcss": "^3.4.6",
+    "tailwindcss-animate": "^1.0.7",
+    "tsx": "^4.19.2",
+    "vite-plugin-qrcode": "^0.3.0"
+  }
+}
+;
+
+export default _default;

package/dist/src/WidgetImperativeHandler.d.ts

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
 export type WidgetRef = {
+    /** Open the widget on a fresh conversation, optionally sending its first message. */
     newChat: (options?: {
         message?: string;
     }) => Promise<void>;

package/dist/src/WidgetImperativeHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetImperativeHandler.d.ts","sourceRoot":"","sources":["../../src/WidgetImperativeHandler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,MAAM,SAAS,GAAG;IACtB,OAAO,EAAE,CAAC,OAAO,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC5D,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,GACV,EAAE;IACD,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;CACjC,QAwCA"}
+{"version":3,"file":"WidgetImperativeHandler.d.ts","sourceRoot":"","sources":["../../src/WidgetImperativeHandler.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,MAAM,SAAS,GAAG;IACtB,qFAAqF;IACrF,OAAO,EAAE,CAAC,OAAO,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC5D,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,GACV,EAAE;IACD,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;CACjC,QAwBA"}

package/dist/src/WidgetPopoverContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetPopoverContent.d.ts","sourceRoot":"","sources":["../../src/WidgetPopoverContent.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmC1B,wBAAgB,aAAa,sBAqF5B;AAED,wBAAgB,oBAAoB,sBAiCnC"}
+{"version":3,"file":"WidgetPopoverContent.d.ts","sourceRoot":"","sources":["../../src/WidgetPopoverContent.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,wBAAgB,aAAa,sBA6E5B;AAED,wBAAgB,oBAAoB,sBAkCnC"}

package/dist/src/WidgetPopoverTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetPopoverTrigger.d.ts","sourceRoot":"","sources":["../../src/WidgetPopoverTrigger.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AA4B1B,iBAAS,oBAAoB,6BAyI5B;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"WidgetPopoverTrigger.d.ts","sourceRoot":"","sources":["../../src/WidgetPopoverTrigger.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,iBAAS,oBAAoB,6BAoI5B;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/src/__tests__/motion-contract.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=motion-contract.spec.d.ts.map

package/dist/src/__tests__/motion-contract.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion-contract.spec.d.ts","sourceRoot":"","sources":["../../../src/__tests__/motion-contract.spec.ts"],"names":[],"mappings":""}

package/dist/src/__tests__/question-capabilities.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=question-capabilities.spec.d.ts.map

package/dist/src/__tests__/question-capabilities.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"question-capabilities.spec.d.ts","sourceRoot":"","sources":["../../../src/__tests__/question-capabilities.spec.tsx"],"names":[],"mappings":""}

package/dist/src/companion/CompanionContent.d.ts

@@ -0,0 +1,30 @@
+import { default as React } from 'react';
+import { WidgetCompanionLayoutU } from '@opencx/widget-core';
+export declare function CompanionContent({ state, layout, shellRadius, onMinimize, onDismiss, onToggleFullscreen, onSelectLayout, onHistory, onExpand, canExpand, placeholder, hideAttachTools, onInputHeightChange, }: {
+    state: 'input' | 'chat';
+    layout: WidgetCompanionLayoutU;
+    /** The panel's current corner radius in px — nested corners follow it. */
+    shellRadius: number;
+    /** Quick-ask composer placeholder (e.g. "Follow up…" while continuing) */
+    placeholder: string;
+    /** Hide attach + page-mark tools on the quick-ask composer (default UX:
+     *  history-only until the panel expands). */
+    hideAttachTools: boolean;
+    /** Staged collapse, one rung at a time (the × button) */
+    onMinimize: () => void;
+    /** Outright dismissal (Escape): drop fullscreen, else straight to the pill */
+    onDismiss: () => void;
+    /** Keyboard toggle between fullscreen and the prior layout (Mod+Shift+F) */
+    onToggleFullscreen: () => void;
+    /** Switch layout from the corner picker (compact / sidebar / fullscreen) */
+    onSelectLayout: (layout: WidgetCompanionLayoutU) => void;
+    /** Open conversation history in the first allowed non-fullscreen layout */
+    onHistory: () => void;
+    /** Expand the follow-up bar back up into the open chat panel */
+    onExpand: () => void;
+    /** There's an open conversation to expand back into — show the expand arrow */
+    canExpand: boolean;
+    /** Live height of the quick-ask composer, so the shell card grows with it */
+    onInputHeightChange: (height: number) => void;
+}): React.JSX.Element;
+//# sourceMappingURL=CompanionContent.d.ts.map

package/dist/src/companion/CompanionContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompanionContent.d.ts","sourceRoot":"","sources":["../../../src/companion/CompanionContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6C,MAAM,OAAO,CAAC;AASlE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAoFlE,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,MAAM,EACN,WAAW,EACX,UAAU,EACV,SAAS,EACT,kBAAkB,EAClB,cAAc,EACd,SAAS,EACT,QAAQ,EACR,SAAS,EACT,WAAW,EACX,eAAe,EACf,mBAAmB,GACpB,EAAE;IACD,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,MAAM,EAAE,sBAAsB,CAAC;IAC/B,0EAA0E;IAC1E,WAAW,EAAE,MAAM,CAAC;IACpB,0EAA0E;IAC1E,WAAW,EAAE,MAAM,CAAC;IACpB;iDAC6C;IAC7C,eAAe,EAAE,OAAO,CAAC;IACzB,yDAAyD;IACzD,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,8EAA8E;IAC9E,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,4EAA4E;IAC5E,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,4EAA4E;IAC5E,cAAc,EAAE,CAAC,MAAM,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACzD,2EAA2E;IAC3E,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,gEAAgE;IAChE,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,+EAA+E;IAC/E,SAAS,EAAE,OAAO,CAAC;IACnB,6EAA6E;IAC7E,mBAAmB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C,qBA+KA"}

package/dist/src/companion/CompanionFaceIcon.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+/**
+ * The companion's animated face: two eyes whose pupils track the cursor
+ * (spring-smoothed) and blink at random intervals.
+ *
+ * Rendered in the HOST page DOM (inside the pill, outside any iframe), so it
+ * must not rely on Tailwind classes or widget CSS variables — sizing and
+ * colors are inline.
+ */
+export declare function CompanionFaceIcon({ size, headColor, eyeColor, }: {
+    size: number;
+    headColor: string;
+    eyeColor: string;
+}): React.JSX.Element;
+//# sourceMappingURL=CompanionFaceIcon.d.ts.map

package/dist/src/companion/CompanionFaceIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompanionFaceIcon.d.ts","sourceRoot":"","sources":["../../../src/companion/CompanionFaceIcon.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,SAAS,EACT,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;CAClB,qBAqHA"}

package/dist/src/companion/CompanionFrame.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+/**
+ * Minimal same-origin iframe portal used by companion mode instead of
+ * @uiw/react-iframe. That library recreates its internal iframe callback
+ * ref on every render; React 19 re-attaches changed refs each commit, and
+ * the attach calls setState — under companion's re-render frequency this
+ * spirals into "Maximum update depth exceeded" (setState in refContent via
+ * commitAttachRef). Here the ref callback is stable (useCallback, no deps),
+ * so it runs exactly once per DOM node lifecycle and cannot loop.
+ */
+export declare function CompanionFrame({ initialContent, style, iframeRef, children, }: {
+    /** Full HTML document written once into the frame (styles in <head>) */
+    initialContent: string;
+    style: React.CSSProperties;
+    /** Receives the iframe element (shared widget contentIframeRef) */
+    iframeRef?: React.MutableRefObject<HTMLIFrameElement | null>;
+    children: React.ReactNode;
+}): React.JSX.Element;
+//# sourceMappingURL=CompanionFrame.d.ts.map

package/dist/src/companion/CompanionFrame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompanionFrame.d.ts","sourceRoot":"","sources":["../../../src/companion/CompanionFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAIrD;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,EAC7B,cAAc,EACd,KAAK,EACL,SAAS,EACT,QAAQ,GACT,EAAE;IACD,wEAAwE;IACxE,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,mEAAmE;IACnE,SAAS,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IAC7D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,qBAqCA"}

package/dist/src/companion/FrameIconButton.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+/**
+ * Icon button for companion chrome that renders INSIDE the content iframe
+ * (panel controls, quick-ask bar) — Tailwind is available there. Size comes
+ * from the call site (`size-7`, `size-8`, ...) so the base stays reusable.
+ *
+ * Forwards its ref so it can be the `asChild` target of Radix wrappers
+ * (Popover trigger, `Tooltippy`). Never renders a native `title`: every
+ * call site pairs it with the styled tooltip, and a native one would double
+ * up with it.
+ */
+export declare const FrameIconButton: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "title"> & {
+    label: string;
+} & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=FrameIconButton.d.ts.map

package/dist/src/companion/FrameIconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrameIconButton.d.ts","sourceRoot":"","sources":["../../../src/companion/FrameIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe;WAGjB,MAAM;2CAiBf,CAAC"}

package/dist/src/companion/LayoutPicker.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { WidgetCompanionLayoutU } from '@opencx/widget-core';
+export declare function LayoutPicker({ current, onSelect, }: {
+    current: WidgetCompanionLayoutU;
+    onSelect: (layout: WidgetCompanionLayoutU) => void;
+}): React.JSX.Element | null;
+//# sourceMappingURL=LayoutPicker.d.ts.map

package/dist/src/companion/LayoutPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutPicker.d.ts","sourceRoot":"","sources":["../../../src/companion/LayoutPicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAEV,sBAAsB,EACvB,MAAM,qBAAqB,CAAC;AAyD7B,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,sBAAsB,CAAC;IAChC,QAAQ,EAAE,CAAC,MAAM,EAAE,sBAAsB,KAAK,IAAI,CAAC;CACpD,4BA0LA"}

package/dist/src/companion/PanelControls.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { WidgetCompanionLayoutU } from '@opencx/widget-core';
+/**
+ * Chat-panel corner controls: a single macOS-style layout picker + Close.
+ * Overlaid at the panel's top inline-end corner, inside the content iframe —
+ * identical in every layout, so the header reads the same as the compact
+ * panel. Layout-switching lives entirely in the picker; Close is its own
+ * control so the two never read as doing the same thing.
+ */
+export declare function PanelControls({ layout, onSelectLayout, onClose, }: {
+    layout: WidgetCompanionLayoutU;
+    onSelectLayout: (layout: WidgetCompanionLayoutU) => void;
+    onClose: () => void;
+}): React.JSX.Element;
+//# sourceMappingURL=PanelControls.d.ts.map

package/dist/src/companion/PanelControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelControls.d.ts","sourceRoot":"","sources":["../../../src/companion/PanelControls.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAQlE;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,cAAc,EACd,OAAO,GACR,EAAE;IACD,MAAM,EAAE,sBAAsB,CAAC;IAC/B,cAAc,EAAE,CAAC,MAAM,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACzD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,qBAyBA"}

package/dist/src/companion/RestingPill.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export declare function RestingPill({ visible, docked, label, icon, pillBackground, dir, measureRef, }: {
+    /** The shell is resting as a pill (vs. morphed open) — show this look */
+    visible: boolean;
+    /** Expanded into the labeled bar (vs. the icon-only round pill) */
+    docked: boolean;
+    label: string;
+    icon: string | undefined;
+    pillBackground: string;
+    dir: string;
+    /** Measures the natural bar width (disc + label) so the shell springs to it */
+    measureRef: (node: HTMLDivElement | null) => void;
+}): React.JSX.Element;
+//# sourceMappingURL=RestingPill.d.ts.map

package/dist/src/companion/RestingPill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RestingPill.d.ts","sourceRoot":"","sources":["../../../src/companion/RestingPill.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoE1B,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,MAAM,EACN,KAAK,EACL,IAAI,EACJ,cAAc,EACd,GAAG,EACH,UAAU,GACX,EAAE;IACD,yEAAyE;IACzE,OAAO,EAAE,OAAO,CAAC;IACjB,mEAAmE;IACnE,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,+EAA+E;IAC/E,UAAU,EAAE,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;CACnD,qBAqDA"}

package/dist/src/companion/SidebarSubmenu.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { WidgetSidebarSideResolvedU } from '@opencx/widget-core';
+/**
+ * The flyout itself. Positioned off the sidebar tile when there is a tile row
+ * to hang from; otherwise it IS the menu and sits inline.
+ *
+ * The gap between tile and card is padding on the WRAPPER, not a margin —
+ * padding keeps the gap inside the flyout's own hit area, so the pointer
+ * crossing it never leaves the menu and never closes what it is reaching for.
+ * It has to clear the parent menu's own bottom edge first (6px padding + 1px
+ * border) before any of it reads as separation, hence 12px rather than the 4px
+ * that looked right on paper and overlapped the card in practice.
+ */
+export declare function SidebarSubmenu({ anchored, side, onSelectSide, docked, onToggleDock, }: {
+    anchored: boolean;
+    side: WidgetSidebarSideResolvedU;
+    onSelectSide: (side: WidgetSidebarSideResolvedU) => void;
+    docked: boolean;
+    onToggleDock: () => void;
+}): React.JSX.Element;
+//# sourceMappingURL=SidebarSubmenu.d.ts.map

package/dist/src/companion/SidebarSubmenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarSubmenu.d.ts","sourceRoot":"","sources":["../../../src/companion/SidebarSubmenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,qBAAqB,CAAC;AAOtE;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,YAAY,GACb,EAAE;IACD,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,0BAA0B,CAAC;IACjC,YAAY,EAAE,CAAC,IAAI,EAAE,0BAA0B,KAAK,IAAI,CAAC;IACzD,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B,qBA0CA"}

package/dist/src/companion/WidgetCompanion.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export declare function WidgetCompanion(): React.ReactPortal | null;
+//# sourceMappingURL=WidgetCompanion.d.ts.map

package/dist/src/companion/WidgetCompanion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetCompanion.d.ts","sourceRoot":"","sources":["../../../src/companion/WidgetCompanion.tsx"],"names":[],"mappings":"AACA,OAAO,KAMN,MAAM,OAAO,CAAC;AAsDf,wBAAgB,eAAe,6BAwqB9B"}

package/dist/src/companion/__tests__/app-frame.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=app-frame.spec.d.ts.map

package/dist/src/companion/__tests__/app-frame.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-frame.spec.d.ts","sourceRoot":"","sources":["../../../../src/companion/__tests__/app-frame.spec.ts"],"names":[],"mappings":""}

package/dist/src/companion/__tests__/companion-dismissal.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=companion-dismissal.spec.d.ts.map

package/dist/src/companion/__tests__/companion-dismissal.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"companion-dismissal.spec.d.ts","sourceRoot":"","sources":["../../../../src/companion/__tests__/companion-dismissal.spec.ts"],"names":[],"mappings":""}

package/dist/src/companion/__tests__/companion-focus.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=companion-focus.spec.d.ts.map

package/dist/src/companion/__tests__/companion-focus.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"companion-focus.spec.d.ts","sourceRoot":"","sources":["../../../../src/companion/__tests__/companion-focus.spec.tsx"],"names":[],"mappings":""}

package/dist/src/companion/__tests__/companion-frame.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=companion-frame.spec.d.ts.map

package/dist/src/companion/__tests__/companion-frame.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"companion-frame.spec.d.ts","sourceRoot":"","sources":["../../../../src/companion/__tests__/companion-frame.spec.tsx"],"names":[],"mappings":""}

package/dist/src/companion/__tests__/companion-geometry.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=companion-geometry.spec.d.ts.map

package/dist/src/companion/__tests__/companion-geometry.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"companion-geometry.spec.d.ts","sourceRoot":"","sources":["../../../../src/companion/__tests__/companion-geometry.spec.ts"],"names":[],"mappings":""}

package/dist/src/companion/__tests__/companion-keyboard.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=companion-keyboard.spec.d.ts.map

package/dist/src/companion/__tests__/companion-keyboard.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"companion-keyboard.spec.d.ts","sourceRoot":"","sources":["../../../../src/companion/__tests__/companion-keyboard.spec.ts"],"names":[],"mappings":""}

package/dist/src/companion/__tests__/host-scroll-lock.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=host-scroll-lock.spec.d.ts.map

package/dist/src/companion/__tests__/host-scroll-lock.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"host-scroll-lock.spec.d.ts","sourceRoot":"","sources":["../../../../src/companion/__tests__/host-scroll-lock.spec.ts"],"names":[],"mappings":""}

package/dist/src/companion/__tests__/layout-picker.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=layout-picker.spec.d.ts.map

package/dist/src/companion/__tests__/layout-picker.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-picker.spec.d.ts","sourceRoot":"","sources":["../../../../src/companion/__tests__/layout-picker.spec.tsx"],"names":[],"mappings":""}

package/dist/src/companion/__tests__/message-styles.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=message-styles.spec.d.ts.map

package/dist/src/companion/__tests__/message-styles.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-styles.spec.d.ts","sourceRoot":"","sources":["../../../../src/companion/__tests__/message-styles.spec.ts"],"names":[],"mappings":""}

package/dist/src/companion/__tests__/use-companion-host-effects.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=use-companion-host-effects.spec.d.ts.map

package/dist/src/companion/__tests__/use-companion-host-effects.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-companion-host-effects.spec.d.ts","sourceRoot":"","sources":["../../../../src/companion/__tests__/use-companion-host-effects.spec.tsx"],"names":[],"mappings":""}

package/dist/src/companion/__tests__/use-companion-measurements.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=use-companion-measurements.spec.d.ts.map

package/dist/src/companion/__tests__/use-companion-measurements.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-companion-measurements.spec.d.ts","sourceRoot":"","sources":["../../../../src/companion/__tests__/use-companion-measurements.spec.tsx"],"names":[],"mappings":""}

package/dist/src/companion/__tests__/use-host-portal.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=use-host-portal.spec.d.ts.map

package/dist/src/companion/__tests__/use-host-portal.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-host-portal.spec.d.ts","sourceRoot":"","sources":["../../../../src/companion/__tests__/use-host-portal.spec.tsx"],"names":[],"mappings":""}

package/dist/src/companion/__tests__/use-persisted-pill-drag.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=use-persisted-pill-drag.spec.d.ts.map

package/dist/src/companion/__tests__/use-persisted-pill-drag.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-persisted-pill-drag.spec.d.ts","sourceRoot":"","sources":["../../../../src/companion/__tests__/use-persisted-pill-drag.spec.tsx"],"names":[],"mappings":""}

package/dist/src/companion/app-frame.d.ts

@@ -0,0 +1,13 @@
+import { WidgetSidebarSideResolvedU } from '@opencx/widget-core';
+export type AppFrameLease = {
+    setOpen: (open: boolean) => void;
+    setWidth: (width: number) => void;
+    setAnimated: (animated: boolean) => void;
+    release: () => void;
+};
+export declare function mountAppFrame({ canvas, side, pageBackground, }: {
+    canvas: string;
+    side: WidgetSidebarSideResolvedU;
+    pageBackground: string;
+}): AppFrameLease;
+//# sourceMappingURL=app-frame.d.ts.map

package/dist/src/companion/app-frame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-frame.d.ts","sourceRoot":"","sources":["../../../src/companion/app-frame.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,qBAAqB,CAAC;AAiCtE,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AA2HF,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,IAAI,EACJ,cAAc,GACf,EAAE;IACD,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,0BAA0B,CAAC;IACjC,cAAc,EAAE,MAAM,CAAC;CACxB,GAAG,aAAa,CA2EhB"}

package/dist/src/companion/companion-dismissal.d.ts

@@ -0,0 +1,21 @@
+import { WidgetCompanionLayoutU, WidgetSidebarModeU } from '@opencx/widget-core';
+import { PanelState } from './types';
+/**
+ * Whether a click on the host page dismisses the open panel.
+ *
+ * The DOCKED sidebar is the one layout that coexists with the page — the host
+ * is inset beside it and nothing sits underneath — so page clicks belong to
+ * the page, and only its × / Escape close it. A FLOATING sidebar overlays the
+ * page edge exactly like the compact panel, so it dismisses the same way.
+ *
+ * Mark mode is the other exemption: while it is armed, host-page interactions
+ * ARE the feature (placing/moving marks, the host-rendered note card), and
+ * closing the panel would unmount the composer and destroy the draft mark.
+ */
+export declare function pageClickDismisses({ state, layout, sidebarMode, isPageMarkModeArmed, }: {
+    state: PanelState;
+    layout: WidgetCompanionLayoutU;
+    sidebarMode: WidgetSidebarModeU;
+    isPageMarkModeArmed: boolean;
+}): boolean;
+//# sourceMappingURL=companion-dismissal.d.ts.map

package/dist/src/companion/companion-dismissal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"companion-dismissal.d.ts","sourceRoot":"","sources":["../../../src/companion/companion-dismissal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,sBAAsB,EACtB,kBAAkB,EACnB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,MAAM,EACN,WAAW,EACX,mBAAmB,GACpB,EAAE;IACD,KAAK,EAAE,UAAU,CAAC;IAClB,MAAM,EAAE,sBAAsB,CAAC;IAC/B,WAAW,EAAE,kBAAkB,CAAC;IAChC,mBAAmB,EAAE,OAAO,CAAC;CAC9B,GAAG,OAAO,CAGV"}

package/dist/src/companion/companion-geometry.d.ts

@@ -0,0 +1,101 @@
+import { WidgetCompanionLayoutU, WidgetSidebarSideResolvedU } from '@opencx/widget-core';
+export declare function clamp(value: number, min: number, max: number): number;
+/** Even margin on all four sides for the fullscreen modal window. */
+export declare const FULLSCREEN_MARGIN = 16;
+/** Margin around the docked sidebar (top/bottom + its own outer edge). */
+export declare const SIDEBAR_MARGIN = 16;
+/** The resting disc size. The collapsed round pill's box (WidgetCompanion)
+ * and the icon disc inside it (RestingPill) share this constant, so the disc
+ * fills the pill exactly — that equality is what lets the pill grow into the
+ * dock bar without the icon resizing. 32 in the 44 dock leaves ~6px of
+ * breathing room around the disc. */
+export declare const PILL_SIZE = 32;
+export declare const DOCK_HEIGHT = 44;
+/** Dock bar width until the label content has been measured. */
+export declare const DOCK_FALLBACK_WIDTH = 240;
+export declare const PANEL_MAX_WIDTH = 440;
+export declare const PANEL_HORIZONTAL_MARGIN = 32;
+/** Narrowest the compact card may go on tiny viewports. */
+export declare const COMPACT_MIN_WIDTH = 280;
+export declare const CHAT_MIN_HEIGHT = 420;
+export declare const CHAT_MAX_HEIGHT = 640;
+export declare const TOP_MARGIN = 48;
+/** Minimum gap between the shell and the viewport edge (drag bounds). */
+export declare const VIEWPORT_EDGE_PADDING = 12;
+export declare const DEFAULT_SIDEBAR_WIDTH = 400;
+export declare const MIN_SIDEBAR_WIDTH = 320;
+export declare const MAX_SIDEBAR_WIDTH = 560;
+/** Default canvas color revealed behind the framed host page. */
+export declare const SIDEBAR_CANVAS = "#f4f4f5";
+/** Use the full-width phone layout only when a readable sidebar and the
+ * host page can no longer fit together. Shared with app-frame's media query. */
+export declare const SIDEBAR_FULL_BLEED_MAX_WIDTH: number;
+/** Corner radius per shell state/layout — the single source for every radius
+ * the companion draws, including the app-frame's framed-page corners and the
+ * quick-ask card inside the iframe (via a CSS custom property). */
+export declare const RADII: {
+    readonly pill: 999;
+    readonly input: 16;
+    readonly fullscreen: 16;
+    readonly sidebar: 20;
+    readonly compact: 20;
+};
+/** The browser viewport — the companion always scopes to it. */
+export type Region = {
+    width: number;
+    height: number;
+};
+type ShellDims = {
+    width: number;
+    height: number;
+    borderRadius: number;
+};
+export type CompactGeometryOptions = {
+    maxWidth?: number;
+    minWidth?: number;
+    minHeight?: number;
+    maxHeight?: number;
+    viewportHeightRatio?: number;
+    borderRadius?: number;
+};
+/** The container anchor: the shell is translateX(-50%)-centered on `centerX`
+ * and offset from the viewport bottom by `bottom`. Both animate with the morph
+ * spring so a layout switch expands FROM the current rect in place. */
+type ShellAnchor = {
+    centerX: number;
+    bottom: number;
+};
+/** Keep room for the host page above the phone breakpoint. On phones the
+ * panel takes the available width, matching app-frame's media query. */
+export declare function effectiveSidebarWidth(region: Region, sidebarWidth: number): number;
+export declare function compactWidth(region: Region, options?: CompactGeometryOptions): number;
+/** Compact panel height: 65% of the viewport, clamped to the chat bounds
+ * and to what fits between the bottom offset and the top margin. */
+export declare function chatHeight(region: Region, bottomOffset: number, options?: CompactGeometryOptions): number;
+/** The open chat panel's box per layout. */
+export declare function chatDims(opts: {
+    layout: WidgetCompanionLayoutU;
+    region: Region;
+    sidebarWidth: number;
+    bottomOffset: number;
+    compact?: CompactGeometryOptions;
+}): ShellDims;
+/**
+ * The container anchor (center-x + bottom). The fullscreen/sidebar anchoring
+ * applies ONLY when the chat panel is actually open (`isChatOpen`): the
+ * resting pill and the quick-ask bar always sit bottom-center, so a sidebar
+ * (or fullscreen) layout does NOT drag the pill to the edge. When open,
+ * compact/fullscreen center on the viewport and the sidebar pins its far
+ * edge to `sidebarSide` — already resolved from config + host dir by the
+ * caller, so this stays a pure function of a physical side.
+ */
+export declare function shellAnchor(opts: {
+    isChatOpen: boolean;
+    layout: WidgetCompanionLayoutU;
+    region: Region;
+    sidebarWidth: number;
+    sidebarSide: WidgetSidebarSideResolvedU;
+    bottomOffset: number;
+}): ShellAnchor;
+export {};
+//# sourceMappingURL=companion-geometry.d.ts.map

package/dist/src/companion/companion-geometry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"companion-geometry.d.ts","sourceRoot":"","sources":["../../../src/companion/companion-geometry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,sBAAsB,EACtB,0BAA0B,EAC3B,MAAM,qBAAqB,CAAC;AAE7B,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAErE;AAED,qEAAqE;AACrE,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,0EAA0E;AAC1E,eAAO,MAAM,cAAc,KAAK,CAAC;AAEjC;;;;qCAIqC;AACrC,eAAO,MAAM,SAAS,KAAK,CAAC;AAC5B,eAAO,MAAM,WAAW,KAAK,CAAC;AAC9B,gEAAgE;AAChE,eAAO,MAAM,mBAAmB,MAAM,CAAC;AACvC,eAAO,MAAM,eAAe,MAAM,CAAC;AACnC,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,2DAA2D;AAC3D,eAAO,MAAM,iBAAiB,MAAM,CAAC;AACrC,eAAO,MAAM,eAAe,MAAM,CAAC;AACnC,eAAO,MAAM,eAAe,MAAM,CAAC;AACnC,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,yEAAyE;AACzE,eAAO,MAAM,qBAAqB,KAAK,CAAC;AAOxC,eAAO,MAAM,qBAAqB,MAAM,CAAC;AACzC,eAAO,MAAM,iBAAiB,MAAM,CAAC;AACrC,eAAO,MAAM,iBAAiB,MAAM,CAAC;AACrC,iEAAiE;AACjE,eAAO,MAAM,cAAc,YAAY,CAAC;AAKxC;gFACgF;AAChF,eAAO,MAAM,4BAA4B,QACqB,CAAC;AAE/D;;mEAEmE;AACnE,eAAO,MAAM,KAAK;;;;;;CAMR,CAAC;AAEX,gEAAgE;AAChE,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AACF,KAAK,SAAS,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,CAAC;AACzE,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AACF;;uEAEuE;AACvE,KAAK,WAAW,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAEvD;wEACwE;AACxE,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,MAAM,GACnB,MAAM,CAMR;AAWD,wBAAgB,YAAY,CAC1B,MAAM,EAAE,MAAM,EACd,OAAO,GAAE,sBAA2B,GACnC,MAAM,CAYR;AAED;oEACoE;AACpE,wBAAgB,UAAU,CACxB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,MAAM,EACpB,OAAO,GAAE,sBAA2B,GACnC,MAAM,CAqBR;AAED,4CAA4C;AAC5C,wBAAgB,QAAQ,CAAC,IAAI,EAAE;IAC7B,MAAM,EAAE,sBAAsB,CAAC;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,sBAAsB,CAAC;CAClC,GAAG,SAAS,CAqBZ;AAED;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE;IAChC,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,sBAAsB,CAAC;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,0BAA0B,CAAC;IACxC,YAAY,EAAE,MAAM,CAAC;CACtB,GAAG,WAAW,CA0Bd"}

package/dist/src/companion/companion-keyboard.d.ts

@@ -0,0 +1,43 @@
+import { WidgetCompanionLayoutU } from '@opencx/widget-core';
+import { PanelState } from './types';
+/** Host-page shortcuts must always be modified chords. A bare Escape belongs
+ * to the host page; the iframe handler below owns closing the companion. */
+export declare function handleCompanionHostKeyDown(event: KeyboardEvent, { state, onToggleFullscreen, }: {
+    state: PanelState;
+    onToggleFullscreen: () => void;
+}): void;
+/** Shortcuts for the companion iframe. Nested dismissibles get first refusal
+ * on Escape; Radix marks the event default-prevented in capture phase, and the
+ * explicit scope covers other inline dismissibles using the same convention. */
+export declare function handleCompanionFrameKeyDown(event: KeyboardEvent, { state, onDismiss, onToggleFullscreen, }: {
+    state: Exclude<PanelState, 'pill'>;
+    onDismiss: () => void;
+    onToggleFullscreen: () => void;
+}): void;
+/** What Escape does to an open panel. */
+export type EscapeAction = {
+    kind: 'layout';
+    layout: WidgetCompanionLayoutU;
+} | {
+    kind: 'close';
+};
+/**
+ * Escape reads the panel's LAYOUT, not its state: fullscreen is a mode the
+ * visitor entered, so Escape leaves the mode and lands back on the layout they
+ * came from — everywhere else Escape means dismiss, straight to the launcher.
+ * (The × button keeps its staged collapse: that control is a minimize, this
+ * key is a dismissal, and conflating them made Escape feel like it did
+ * nothing.)
+ *
+ * Falls back to the configured resting layout when the one they came from is
+ * no longer allowed, and closes outright when every non-fullscreen layout is
+ * excluded — a fullscreen-only embed has no mode to fall back to.
+ */
+export declare function resolveEscapeAction({ panelLayout, previousLayout, defaultLayout, allowedLayouts, }: {
+    panelLayout: WidgetCompanionLayoutU;
+    /** The non-fullscreen layout the panel was in before going fullscreen. */
+    previousLayout: WidgetCompanionLayoutU;
+    defaultLayout: WidgetCompanionLayoutU;
+    allowedLayouts: ReadonlyArray<WidgetCompanionLayoutU>;
+}): EscapeAction;
+//# sourceMappingURL=companion-keyboard.d.ts.map