@floegence/floe-webapp-core 0.17.0 → 0.19.0

package/dist/{index92.js → app/ActivityAppsMain.js}

@@ -1,8 +1,8 @@
 import { createComponent as n, Dynamic as a } from "solid-js/web";
 import { untrack as d, createMemo as m } from "solid-js";
-import { useLayout as l } from "./index97.js";
-import { useComponentRegistry as v } from "./index100.js";
-import { KeepAliveStack as f } from "./index10.js";
+import { useLayout as l } from "../context/LayoutContext.js";
+import { useComponentRegistry as v } from "../context/ComponentRegistry.js";
+import { KeepAliveStack as f } from "../components/layout/KeepAliveStack.js";
 function y(e) {
   return e.sidebar?.fullScreen === !0;
 }

package/dist/{index91.js → app/FloeApp.js}

@@ -1,10 +1,10 @@
 import { createComponent as t, mergeProps as c, memo as o } from "solid-js/web";
 import { onMount as a, onCleanup as f } from "solid-js";
-import { useComponentRegistry as u, useComponentContextFactory as C } from "./index100.js";
-import { NotificationContainer as g } from "./index99.js";
-import { Shell as h } from "./index2.js";
-import { CommandPalette as d } from "./index26.js";
-import { FloeProvider as s } from "./index90.js";
+import { useComponentRegistry as u, useComponentContextFactory as C } from "../context/ComponentRegistry.js";
+import { NotificationContainer as g } from "../context/NotificationContext.js";
+import { Shell as h } from "../components/layout/Shell.js";
+import { CommandPalette as d } from "../components/ui/CommandPalette.js";
+import { FloeProvider as s } from "./FloeProvider.js";
 function A(e) {
   const n = u(), i = C(), l = e.getProtocol?.();
   return e.components?.length && n.registerAll(e.components), a(() => {

package/dist/{index90.js → app/FloeProvider.js}

@@ -1,12 +1,12 @@
 import { createComponent as r, memo as o } from "solid-js/web";
-import { FloeConfigProvider as i } from "./index95.js";
-import { ThemeProvider as n } from "./index96.js";
-import { NotificationProvider as m } from "./index99.js";
-import { ComponentRegistryProvider as d } from "./index100.js";
-import { LayoutProvider as c } from "./index97.js";
-import { CommandProvider as f } from "./index98.js";
-import { WidgetRegistryProvider as g } from "./index101.js";
-import { DeckProvider as h } from "./index102.js";
+import { FloeConfigProvider as i } from "../context/FloeConfigContext.js";
+import { ThemeProvider as n } from "../context/ThemeContext.js";
+import { NotificationProvider as m } from "../context/NotificationContext.js";
+import { ComponentRegistryProvider as d } from "../context/ComponentRegistry.js";
+import { LayoutProvider as c } from "../context/LayoutContext.js";
+import { CommandProvider as f } from "../context/CommandContext.js";
+import { WidgetRegistryProvider as g } from "../context/WidgetRegistry.js";
+import { DeckProvider as h } from "../context/DeckContext.js";
 function w(e) {
   const t = () => r(m, {
     get children() {

package/dist/{index93.js → app/FloeRegistryRuntime.js}

@@ -1,6 +1,6 @@
 import { memo as i } from "solid-js/web";
 import { onMount as l, onCleanup as u } from "solid-js";
-import { useComponentRegistry as s, useComponentContextFactory as C } from "./index100.js";
+import { useComponentRegistry as s, useComponentContextFactory as C } from "../context/ComponentRegistry.js";
 function f(t) {
   const o = s(), r = C(), m = t.getProtocol?.(), c = t.components?.length ? o.registerAll(t.components) : () => {
   };

package/dist/app.d.ts

@@ -0,0 +1 @@
+export * from './app/index';

package/dist/app.js

@@ -0,0 +1,10 @@
+import { ActivityAppsMain as e } from "./app/ActivityAppsMain.js";
+import { FloeApp as t } from "./app/FloeApp.js";
+import { FloeProvider as m } from "./app/FloeProvider.js";
+import { FloeRegistryRuntime as x } from "./app/FloeRegistryRuntime.js";
+export {
+  e as ActivityAppsMain,
+  t as FloeApp,
+  m as FloeProvider,
+  x as FloeRegistryRuntime
+};

package/dist/chat.css

@@ -1195,7 +1195,7 @@ pre.chat-md-code-block code {
 
 .chat-image-dialog-toolbar {
   position: absolute;
-  top: 1rem;
+  top: calc(env(safe-area-inset-top, 0px) + 1rem);
   left: 50%;
   transform: translateX(-50%);
   z-index: 52;
@@ -1262,7 +1262,7 @@ pre.chat-md-code-block code {
 
 .chat-image-dialog-hint {
   position: absolute;
-  bottom: 1rem;
+  bottom: calc(env(safe-area-inset-bottom, 0px) + 1rem);
   left: 50%;
   transform: translateX(-50%);
   padding: 0.5rem 1rem;

package/dist/chat.d.ts

@@ -0,0 +1 @@
+export * from './components/chat';

package/dist/chat.js

@@ -0,0 +1,75 @@
+import { AttachmentPreview as e } from "./components/chat/input/AttachmentPreview.js";
+import { BlockRenderer as m } from "./components/chat/blocks/BlockRenderer.js";
+import { ChatContainer as f } from "./components/chat/ChatContainer.js";
+import { ChatInput as p } from "./components/chat/input/ChatInput.js";
+import { ChatProvider as l, useChatContext as c } from "./components/chat/ChatProvider.js";
+import { ChecklistBlock as s } from "./components/chat/blocks/ChecklistBlock.js";
+import { CodeBlock as g } from "./components/chat/blocks/CodeBlock.js";
+import { CodeDiffBlock as u } from "./components/chat/blocks/CodeDiffBlock.js";
+import { ConnectionStatus as C } from "./components/chat/status/ConnectionStatus.js";
+import { DEFAULT_VIRTUAL_LIST_CONFIG as M } from "./components/chat/types.js";
+import { FileBlock as A } from "./components/chat/blocks/FileBlock.js";
+import { ImageBlock as T } from "./components/chat/blocks/ImageBlock.js";
+import { MarkdownBlock as W } from "./components/chat/blocks/MarkdownBlock.js";
+import { MermaidBlock as F } from "./components/chat/blocks/MermaidBlock.js";
+import { MessageActions as _ } from "./components/chat/message/MessageActions.js";
+import { MessageAvatar as w } from "./components/chat/message/MessageAvatar.js";
+import { MessageBubble as D } from "./components/chat/message/MessageBubble.js";
+import { MessageItem as P } from "./components/chat/message/MessageItem.js";
+import { MessageMeta as U } from "./components/chat/message/MessageMeta.js";
+import { ShellBlock as G } from "./components/chat/blocks/ShellBlock.js";
+import { StreamingCursor as O } from "./components/chat/status/StreamingCursor.js";
+import { SvgBlock as q } from "./components/chat/blocks/SvgBlock.js";
+import { TextBlock as J } from "./components/chat/blocks/TextBlock.js";
+import { ThinkingBlock as Q } from "./components/chat/blocks/ThinkingBlock.js";
+import { ToolCallBlock as Y } from "./components/chat/blocks/ToolCallBlock.js";
+import { VirtualMessageList as $ } from "./components/chat/message-list/VirtualMessageList.js";
+import { WorkingIndicator as ro } from "./components/chat/status/WorkingIndicator.js";
+import { configureMermaidWorker as to, configureSyncMermaid as mo, renderMermaid as io, terminateMermaidWorker as fo, useMermaid as xo } from "./components/chat/hooks/useMermaid.js";
+import { configureShikiWorker as ao, configureSyncHighlighter as lo, highlightCode as co, terminateShikiWorker as no, useCodeHighlight as so } from "./components/chat/hooks/useCodeHighlight.js";
+import { useAttachments as go } from "./components/chat/hooks/useAttachments.js";
+import { useAutoScroll as uo } from "./components/chat/hooks/useAutoScroll.js";
+import { useVirtualList as Bo } from "./components/chat/hooks/useVirtualList.js";
+export {
+  e as AttachmentPreview,
+  m as BlockRenderer,
+  f as ChatContainer,
+  p as ChatInput,
+  l as ChatProvider,
+  s as ChecklistBlock,
+  g as CodeBlock,
+  u as CodeDiffBlock,
+  C as ConnectionStatus,
+  M as DEFAULT_VIRTUAL_LIST_CONFIG,
+  A as FileBlock,
+  T as ImageBlock,
+  W as MarkdownBlock,
+  F as MermaidBlock,
+  _ as MessageActions,
+  w as MessageAvatar,
+  D as MessageBubble,
+  P as MessageItem,
+  U as MessageMeta,
+  G as ShellBlock,
+  O as StreamingCursor,
+  q as SvgBlock,
+  J as TextBlock,
+  Q as ThinkingBlock,
+  Y as ToolCallBlock,
+  $ as VirtualMessageList,
+  ro as WorkingIndicator,
+  to as configureMermaidWorker,
+  ao as configureShikiWorker,
+  lo as configureSyncHighlighter,
+  mo as configureSyncMermaid,
+  co as highlightCode,
+  io as renderMermaid,
+  fo as terminateMermaidWorker,
+  no as terminateShikiWorker,
+  go as useAttachments,
+  uo as useAutoScroll,
+  c as useChatContext,
+  so as useCodeHighlight,
+  xo as useMermaid,
+  Bo as useVirtualList
+};

package/dist/{index57.js → components/chat/ChatContainer.js}

@@ -1,14 +1,12 @@
 import { createComponent as t, insert as r, memo as i, Dynamic as l, effect as u, className as h, template as c } from "solid-js/web";
 import { Show as a } from "solid-js";
-import { cn as m } from "./index113.js";
-import { ChatProvider as g } from "./index58.js";
-import "./index60.js";
-import { SimpleMessageList as d } from "./index61.js";
-import { ChatInput as s } from "./index80.js";
-import "./index81.js";
-import { ConnectionStatus as f } from "./index84.js";
+import { cn as g } from "../../utils/cn.js";
+import { ChatProvider as m } from "./ChatProvider.js";
+import { SimpleMessageList as d } from "./message-list/SimpleMessageList.js";
+import { ChatInput as s } from "./input/ChatInput.js";
+import { ConnectionStatus as f } from "./status/ConnectionStatus.js";
 var C = /* @__PURE__ */ c("<div>"), v = /* @__PURE__ */ c("<div class=chat-header><div class=chat-header-title>");
-const x = (e) => t(g, {
+const H = (e) => t(m, {
   get initialMessages() {
     return e.initialMessages;
   },
@@ -72,7 +70,7 @@ const x = (e) => t(g, {
           }
         });
       }
-    }), null), u(() => h(n, m("chat-container", e.class))), n;
+    }), null), u(() => h(n, g("chat-container", e.class))), n;
   }
 }), S = (e) => (() => {
   var n = v(), o = n.firstChild;
@@ -90,5 +88,5 @@ const x = (e) => t(g, {
   }), null), n;
 })();
 export {
-  x as ChatContainer
+  H as ChatContainer
 };

package/dist/{index58.js → components/chat/ChatProvider.js}

@@ -1,11 +1,11 @@
 import { createComponent as j } from "solid-js/web";
-import { createContext as q, useContext as N, createMemo as M, createEffect as _, on as O, createSignal as C, batch as v } from "solid-js";
+import { createMemo as M, createEffect as q, on as N, createSignal as C, useContext as _, createContext as O, batch as v } from "solid-js";
 import { createStore as V, reconcile as x, produce as f } from "solid-js/store";
-import { deferNonBlocking as I } from "./index114.js";
-import { DEFAULT_VIRTUAL_LIST_CONFIG as G } from "./index59.js";
-const H = q();
+import { deferNonBlocking as I } from "../../utils/defer.js";
+import { DEFAULT_VIRTUAL_LIST_CONFIG as G } from "./types.js";
+const H = O();
 function ie() {
-  const a = N(H);
+  const a = _(H);
   if (!a)
     throw new Error("useChatContext must be used within a ChatProvider");
   return a;
@@ -22,7 +22,7 @@ const ue = (a) => {
     ...G,
     ...a.config?.virtualList
   })), [c, u] = V(a.initialMessages || []), L = /* @__PURE__ */ new Map();
-  _(O(() => a.initialMessages, (e) => {
+  q(N(() => a.initialMessages, (e) => {
     e && e.length > 0 && u(x(e));
   }, {
     defer: !0

package/dist/{index67.js → components/chat/blocks/BlockRenderer.js}

@@ -1,23 +1,23 @@
 import { createComponent as t, insert as r, template as k } from "solid-js/web";
-import { lazy as u, Switch as i, Match as l, Suspense as o } from "solid-js";
-import { TextBlock as d } from "./index68.js";
-import { MarkdownBlock as m } from "./index69.js";
-import { ImageBlock as h } from "./index72.js";
-import { FileBlock as b } from "./index77.js";
-import { ChecklistBlock as f } from "./index75.js";
-import { ShellBlock as s } from "./index76.js";
-import { ThinkingBlock as w } from "./index78.js";
-import { Skeleton as c } from "./index41.js";
+import { Switch as i, Match as l, Suspense as o, lazy as u } from "solid-js";
+import { TextBlock as d } from "./TextBlock.js";
+import { MarkdownBlock as m } from "./MarkdownBlock.js";
+import { ImageBlock as h } from "./ImageBlock.js";
+import { FileBlock as b } from "./FileBlock.js";
+import { ChecklistBlock as f } from "./ChecklistBlock.js";
+import { ShellBlock as s } from "./ShellBlock.js";
+import { ThinkingBlock as w } from "./ThinkingBlock.js";
+import { Skeleton as c } from "../../loading/Skeleton.js";
 var B = /* @__PURE__ */ k("<div class=chat-block-unknown>Unknown block type: "), C = /* @__PURE__ */ k("<div class=chat-code-skeleton><div class=chat-code-skeleton-header></div><div class=chat-code-skeleton-body>"), y = /* @__PURE__ */ k("<div class=chat-mermaid-skeleton>"), v = /* @__PURE__ */ k('<div class=chat-tool-skeleton><div class="flex items-center gap-2 p-3">');
-const x = u(() => import("./index70.js").then((e) => ({
+const x = u(() => import("./CodeBlock.js").then((e) => ({
   default: e.CodeBlock
-}))), _ = u(() => import("./index71.js").then((e) => ({
+}))), _ = u(() => import("./CodeDiffBlock.js").then((e) => ({
   default: e.CodeDiffBlock
-}))), $ = u(() => import("./index74.js").then((e) => ({
+}))), $ = u(() => import("./MermaidBlock.js").then((e) => ({
   default: e.MermaidBlock
-}))), S = u(() => import("./index73.js").then((e) => ({
+}))), S = u(() => import("./SvgBlock.js").then((e) => ({
   default: e.SvgBlock
-}))), I = u(() => import("./index79.js").then((e) => ({
+}))), I = u(() => import("./ToolCallBlock.js").then((e) => ({
   default: e.ToolCallBlock
 }))), H = (e) => t(i, {
   get fallback() {

package/dist/{index75.js → components/chat/blocks/ChecklistBlock.js}

@@ -1,7 +1,7 @@
 import { insert as i, createComponent as f, effect as s, className as r, template as o } from "solid-js/web";
 import { For as g } from "solid-js";
-import { cn as n } from "./index113.js";
-import { useChatContext as C } from "./index58.js";
+import { cn as n } from "../../../utils/cn.js";
+import { useChatContext as C } from "../ChatProvider.js";
 var _ = /* @__PURE__ */ o("<div><ul class=chat-checklist>"), $ = /* @__PURE__ */ o("<li class=chat-checklist-item><label class=chat-checklist-label><input type=checkbox class=chat-checklist-checkbox><span>");
 const I = (t) => {
   const k = C(), d = (e) => {

package/dist/{index70.js → components/chat/blocks/CodeBlock.js}

@@ -1,8 +1,8 @@
 import { insert as r, createComponent as o, memo as k, effect as _, className as x, setAttribute as y, template as l, delegateEvents as H } from "solid-js/web";
 import { createSignal as m, createEffect as B, Show as h } from "solid-js";
-import { cn as I } from "./index113.js";
-import { highlightCode as S } from "./index86.js";
-import { deferNonBlocking as L } from "./index114.js";
+import { cn as I } from "../../../utils/cn.js";
+import { highlightCode as S } from "../hooks/useCodeHighlight.js";
+import { deferNonBlocking as L } from "../../../utils/defer.js";
 var T = /* @__PURE__ */ l("<span class=chat-code-filename>"), j = /* @__PURE__ */ l("<span class=chat-code-language>"), E = /* @__PURE__ */ l("<div>"), M = /* @__PURE__ */ l("<div><div class=chat-code-header><div class=chat-code-info></div><button type=button class=chat-code-copy-btn></button></div><div class=chat-code-content>"), N = /* @__PURE__ */ l("<pre class=chat-code-pre><code>"), A = /* @__PURE__ */ l('<svg xmlns=http://www.w3.org/2000/svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><rect x=9 y=9 width=13 height=13 rx=2 ry=2></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">'), F = /* @__PURE__ */ l('<svg xmlns=http://www.w3.org/2000/svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><polyline points="20 6 9 17 4 12">');
 const K = (t) => {
   const [f, g] = m(null), [p, s] = m(!0), [v, w] = m(!1);

package/dist/{index71.js → components/chat/blocks/CodeDiffBlock.js}

@@ -1,7 +1,7 @@
 import { insert as l, createComponent as f, effect as b, className as g, setAttribute as E, template as u, memo as S, delegateEvents as H } from "solid-js/web";
 import { createSignal as T, createMemo as k, Show as x, For as _ } from "solid-js";
-import { diffLines as L } from "./index132.js";
-import { cn as $ } from "./index113.js";
+import { diffLines as L } from "../../../node_modules/.pnpm/diff@8.0.3/node_modules/diff/libesm/diff/line.js";
+import { cn as $ } from "../../../utils/cn.js";
 var R = /* @__PURE__ */ u("<span class=chat-code-diff-filename>"), j = /* @__PURE__ */ u('<div><div class=chat-code-diff-header><div class=chat-code-diff-info><span class=chat-code-diff-stats><span style="color:rgb(34 197 94)">+</span><span style="color:rgb(239 68 68);margin-left:0.5rem">-</span></span></div><div class=chat-code-diff-actions><div class=chat-code-diff-view-toggle><button type=button>Unified</button><button type=button>Split</button></div><button type=button class=chat-code-copy-btn></button></div></div><div class=chat-code-diff-content>'), q = /* @__PURE__ */ u("<div class=chat-diff-unified>"), z = /* @__PURE__ */ u("<div><span class=chat-diff-line-number></span><span class=chat-diff-line-sign></span><span class=chat-diff-line-content>"), G = /* @__PURE__ */ u("<div class=chat-diff-split><div class=chat-diff-split-side></div><div class=chat-diff-split-side>"), U = /* @__PURE__ */ u("<div><span class=chat-diff-line-number></span><span class=chat-diff-line-content>"), J = /* @__PURE__ */ u('<svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><rect x=9 y=9 width=13 height=13 rx=2 ry=2></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">'), K = /* @__PURE__ */ u('<svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><polyline points="20 6 9 17 4 12">');
 const te = (h) => {
   const [v, p] = T("unified"), [t, d] = T(!1), a = k(() => L(h.oldCode, h.newCode)), e = k(() => {

package/dist/{index77.js → components/chat/blocks/FileBlock.js}

@@ -1,6 +1,6 @@
-import { delegateEvents as w, insert as i, createComponent as s, effect as x, className as g, setAttribute as k, template as r } from "solid-js/web";
+import { insert as i, createComponent as s, effect as w, className as x, setAttribute as g, template as r, delegateEvents as k } from "solid-js/web";
 import { Show as _ } from "solid-js";
-import { cn as B } from "./index113.js";
+import { cn as B } from "../../../utils/cn.js";
 var C = /* @__PURE__ */ r("<div class=chat-file-download>"), z = /* @__PURE__ */ r("<div><div class=chat-file-icon></div><div class=chat-file-info><div class=chat-file-name></div><div class=chat-file-meta><span class=chat-file-size>"), F = /* @__PURE__ */ r('<svg width=16 height=16 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1=12 y1=15 x2=12 y2=3>');
 const I = (n) => {
   const d = (t) => t < 1024 ? `${t} B` : t < 1048576 ? `${(t / 1024).toFixed(1)} KB` : `${(t / 1048576).toFixed(1)} MB`, u = (t) => t.startsWith("image/") ? "🖼️" : t.startsWith("video/") ? "🎬" : t.startsWith("audio/") ? "🎵" : t.includes("pdf") ? "📄" : t.includes("zip") || t.includes("rar") || t.includes("tar") ? "📦" : t.includes("text") || t.includes("json") || t.includes("xml") ? "📝" : t.includes("spreadsheet") || t.includes("excel") ? "📊" : t.includes("presentation") || t.includes("powerpoint") ? "📽️" : t.includes("document") || t.includes("word") ? "📃" : "📁", f = () => {
@@ -16,16 +16,16 @@ const I = (n) => {
         var e = C();
         return i(e, s(S, {})), e;
       }
-    }), null), x((e) => {
+    }), null), w((e) => {
       var o = B("chat-file-block", n.class), a = n.name;
-      return o !== e.e && g(t, e.e = o), a !== e.t && k(l, "title", e.t = a), e;
+      return o !== e.e && x(t, e.e = o), a !== e.t && g(l, "title", e.t = a), e;
     }, {
       e: void 0,
       t: void 0
     }), t;
   })();
 }, S = () => F();
-w(["click"]);
+k(["click"]);
 export {
   I as FileBlock
 };

package/dist/components/chat/blocks/ImageBlock.js

@@ -0,0 +1,201 @@
+import { insert as c, createComponent as a, effect as D, setAttribute as k, className as V, Portal as de, setStyleProperty as W, template as r, delegateEvents as ue } from "solid-js/web";
+import { createSignal as v, onCleanup as B, createEffect as j, Show as C } from "solid-js";
+import { cn as G } from "../../../utils/cn.js";
+import { lockBodyStyle as ge } from "../../../utils/bodyStyleLock.js";
+var he = /* @__PURE__ */ r("<div class=chat-image-loading>"), me = /* @__PURE__ */ r("<div class=chat-image-error><span>Failed to load image"), ye = /* @__PURE__ */ r("<img loading=lazy>", !0, !1, !1), fe = /* @__PURE__ */ r("<div>"), ve = /* @__PURE__ */ r("<div class=chat-image-dialog-backdrop>"), pe = /* @__PURE__ */ r('<div class=chat-image-dialog><div class=chat-image-dialog-toolbar><button type=button class=chat-image-dialog-btn title="Zoom out (-)"></button><span class=chat-image-dialog-scale>%</span><button type=button class=chat-image-dialog-btn title="Zoom in (+)"></button><button type=button class=chat-image-dialog-btn title="Reset (0)"></button><div class=chat-image-dialog-separator></div><button type=button class=chat-image-dialog-btn title="Close (Esc)"></button></div><div class=chat-image-dialog-content style=touch-action:none><img class=chat-image-dialog-img></div><div class=chat-image-dialog-hint>Scroll/pinch to zoom · Drag to pan · Press Esc to close'), xe = /* @__PURE__ */ r('<svg class="animate-spin h-6 w-6 text-muted-foreground"xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 24 24"><circle class=opacity-25 cx=12 cy=12 r=10 stroke=currentColor stroke-width=4></circle><path class=opacity-75 fill=currentColor d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z">'), $e = /* @__PURE__ */ r('<svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><rect x=3 y=3 width=18 height=18 rx=2 ry=2></rect><circle cx=8.5 cy=8.5 r=1.5></circle><polyline points="21 15 16 10 5 21"></polyline><line x1=2 y1=2 x2=22 y2=22>'), we = /* @__PURE__ */ r('<svg width=20 height=20 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><line x1=18 y1=6 x2=6 y2=18></line><line x1=6 y1=6 x2=18 y2=18>'), be = /* @__PURE__ */ r('<svg width=20 height=20 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><circle cx=11 cy=11 r=8></circle><line x1=21 y1=21 x2=16.65 y2=16.65></line><line x1=11 y1=8 x2=11 y2=14></line><line x1=8 y1=11 x2=14 y2=11>'), ke = /* @__PURE__ */ r('<svg width=20 height=20 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><circle cx=11 cy=11 r=8></circle><line x1=21 y1=21 x2=16.65 y2=16.65></line><line x1=8 y1=11 x2=14 y2=11>'), _e = /* @__PURE__ */ r('<svg width=20 height=20 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5">');
+const Be = (p) => {
+  const [O, X] = v(!0), [Y, J] = v(!1), [S, F] = v(!1), [i, I] = v(1), [x, $] = v({
+    x: 0,
+    y: 0
+  }), [Q, g] = v(!1);
+  let h = null, E = {
+    x: 0,
+    y: 0
+  };
+  const l = /* @__PURE__ */ new Map();
+  let s = null, d = null, m = 0, w = 1;
+  const ee = 0.5, te = 5, Z = 0.25, ne = (e) => Math.max(ee, Math.min(e, te)), z = (e) => {
+    const t = ne(e);
+    I(t), t <= 1 && ($({
+      x: 0,
+      y: 0
+    }), g(!1));
+  }, le = () => {
+    X(!1);
+  }, ie = () => {
+    X(!1), J(!0);
+  }, re = () => {
+    I(1), $({
+      x: 0,
+      y: 0
+    }), F(!0);
+  }, A = () => {
+    F(!1);
+  }, L = () => {
+    z(i() + Z);
+  }, M = () => {
+    z(i() - Z);
+  }, T = () => {
+    I(1), $({
+      x: 0,
+      y: 0
+    }), g(!1);
+  }, oe = (e) => {
+    e.preventDefault(), e.deltaY < 0 ? L() : M();
+  }, ae = (e) => {
+    if (e.pointerType === "mouse" && e.button !== 0) return;
+    e.preventDefault();
+    const t = e.currentTarget;
+    l.set(e.pointerId, {
+      x: e.clientX,
+      y: e.clientY
+    });
+    try {
+      t.setPointerCapture(e.pointerId);
+    } catch {
+    }
+    if (l.size === 1) {
+      s = {
+        x: e.clientX,
+        y: e.clientY
+      }, d = {
+        ...x()
+      }, g(i() > 1);
+      return;
+    }
+    if (l.size === 2) {
+      const [n, o] = Array.from(l.values());
+      m = Math.hypot(n.x - o.x, n.y - o.y), w = i(), s = null, d = null, g(!1);
+    }
+  }, ce = (e) => {
+    if (l.has(e.pointerId)) {
+      if (l.set(e.pointerId, {
+        x: e.clientX,
+        y: e.clientY
+      }), l.size === 2) {
+        const [t, n] = Array.from(l.values()), o = Math.hypot(t.x - n.x, t.y - n.y);
+        m > 0 && z(w * (o / m));
+        return;
+      }
+      if (!(l.size !== 1 || i() <= 1) && (g(!0), (!s || !d) && (s = {
+        x: e.clientX,
+        y: e.clientY
+      }, d = {
+        ...x()
+      }), E = {
+        x: d.x + (e.clientX - s.x),
+        y: d.y + (e.clientY - s.y)
+      }, h === null)) {
+        if (typeof requestAnimationFrame > "u") {
+          $(E);
+          return;
+        }
+        h = requestAnimationFrame(() => {
+          h = null, !(l.size !== 1 || i() <= 1) && $(E);
+        });
+      }
+    }
+  }, R = (e) => {
+    l.delete(e.pointerId);
+    try {
+      e.currentTarget.releasePointerCapture(e.pointerId);
+    } catch {
+    }
+    if (l.size === 0) {
+      g(!1), s = null, d = null, m = 0, w = i();
+      return;
+    }
+    if (l.size === 1) {
+      const t = Array.from(l.values())[0];
+      s = {
+        x: t.x,
+        y: t.y
+      }, d = {
+        ...x()
+      }, g(i() > 1), m = 0, w = i();
+      return;
+    }
+    if (l.size === 2) {
+      const [t, n] = Array.from(l.values());
+      m = Math.hypot(t.x - n.x, t.y - n.y), w = i(), s = null, d = null, g(!1);
+    }
+  };
+  return B(() => {
+    h !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(h), h = null), l.clear();
+  }), j(() => {
+    if (!S()) return;
+    const e = (t) => {
+      t.key === "Escape" ? A() : t.key === "+" || t.key === "=" ? L() : t.key === "-" ? M() : t.key === "0" && T();
+    };
+    document.addEventListener("keydown", e), B(() => document.removeEventListener("keydown", e));
+  }), j(() => {
+    if (!S()) return;
+    const e = ge({
+      overflow: "hidden"
+    });
+    B(e);
+  }), [(() => {
+    var e = fe();
+    return c(e, a(C, {
+      get when() {
+        return O();
+      },
+      get children() {
+        var t = he();
+        return c(t, a(Ce, {})), t;
+      }
+    }), null), c(e, a(C, {
+      get when() {
+        return Y();
+      },
+      get children() {
+        var t = me(), n = t.firstChild;
+        return c(t, a(Se, {}), n), t;
+      }
+    }), null), c(e, a(C, {
+      get when() {
+        return !Y();
+      },
+      get children() {
+        var t = ye();
+        return t.$$click = re, t.addEventListener("error", ie), t.addEventListener("load", le), D((n) => {
+          var o = p.src, _ = p.alt || "Image", y = G("chat-image", O() && "invisible");
+          return o !== n.e && k(t, "src", n.e = o), _ !== n.t && k(t, "alt", n.t = _), y !== n.a && V(t, n.a = y), n;
+        }, {
+          e: void 0,
+          t: void 0,
+          a: void 0
+        }), t;
+      }
+    }), null), D(() => V(e, G("chat-image-block", p.class))), e;
+  })(), a(C, {
+    get when() {
+      return S();
+    },
+    get children() {
+      return a(de, {
+        get children() {
+          return [(() => {
+            var e = ve();
+            return e.$$click = A, e;
+          })(), (() => {
+            var e = pe(), t = e.firstChild, n = t.firstChild, o = n.nextSibling, _ = o.firstChild, y = o.nextSibling, P = y.nextSibling, se = P.nextSibling, q = se.nextSibling, f = t.nextSibling, b = f.firstChild;
+            return n.$$click = M, c(n, a(ze, {})), c(o, () => Math.round(i() * 100), _), y.$$click = L, c(y, a(Ee, {})), P.$$click = T, c(P, a(Ae, {})), q.$$click = A, c(q, a(Ie, {})), f.addEventListener("pointercancel", R), f.$$pointerup = R, f.$$pointermove = ce, f.$$pointerdown = ae, f.addEventListener("wheel", oe), k(b, "draggable", !1), D((u) => {
+              var H = p.src, N = p.alt || "Image", K = `translate(${x().x}px, ${x().y}px) scale(${i()})`, U = i() > 1 ? Q() ? "grabbing" : "grab" : "default";
+              return H !== u.e && k(b, "src", u.e = H), N !== u.t && k(b, "alt", u.t = N), K !== u.a && W(b, "transform", u.a = K), U !== u.o && W(b, "cursor", u.o = U), u;
+            }, {
+              e: void 0,
+              t: void 0,
+              a: void 0,
+              o: void 0
+            }), e;
+          })()];
+        }
+      });
+    }
+  })];
+}, Ce = () => xe(), Se = () => $e(), Ie = () => we(), Ee = () => be(), ze = () => ke(), Ae = () => _e();
+ue(["click", "pointerdown", "pointermove", "pointerup"]);
+export {
+  Be as ImageBlock
+};

package/dist/{index69.js → components/chat/blocks/MarkdownBlock.js}

@@ -1,7 +1,7 @@
 import { effect as i, className as d, template as m } from "solid-js/web";
 import { createSignal as u, createEffect as f } from "solid-js";
-import { marked as o } from "./index131.js";
-import { cn as g } from "./index113.js";
+import { marked as o } from "../../../node_modules/.pnpm/marked@17.0.1/node_modules/marked/lib/marked.esm.js";
+import { cn as g } from "../../../utils/cn.js";
 var p = /* @__PURE__ */ m("<div>");
 o.setOptions({
   gfm: !0,