@floegence/floe-webapp-core 0.60.2 → 0.62.0

package/dist/chat.js

@@ -5,16 +5,16 @@ import { ChatInput as n } from "./components/chat/input/ChatInput.js";
 import { ChatProvider as d, useChatContext as p } from "./components/chat/ChatProvider.js";
 import { ChecklistBlock as c } from "./components/chat/blocks/ChecklistBlock.js";
 import { CodeBlock as s } from "./components/chat/blocks/CodeBlock.js";
-import { CodeDiffBlock as g } from "./components/chat/blocks/CodeDiffBlock.js";
+import { CodeDiffBlock as u } from "./components/chat/blocks/CodeDiffBlock.js";
 import { ConnectionStatus as h } from "./components/chat/status/ConnectionStatus.js";
-import { DEFAULT_VIRTUAL_LIST_CONFIG as C } from "./components/chat/types.js";
+import { DEFAULT_VIRTUAL_LIST_CONFIG as w } from "./components/chat/types.js";
 import { FileBlock as W } from "./components/chat/blocks/FileBlock.js";
 import { ImageBlock as D } from "./components/chat/blocks/ImageBlock.js";
-import { MarkdownBlock as v } from "./components/chat/blocks/MarkdownBlock.js";
+import { MarkdownBlock as I } from "./components/chat/blocks/MarkdownBlock.js";
 import { MarkdownMedia as L } from "./components/chat/blocks/MarkdownMedia.js";
-import { MermaidBlock as F } from "./components/chat/blocks/MermaidBlock.js";
-import { MessageActions as y } from "./components/chat/message/MessageActions.js";
-import { MessageAvatar as P } from "./components/chat/message/MessageAvatar.js";
+import { MermaidBlock as y } from "./components/chat/blocks/MermaidBlock.js";
+import { MessageActions as b } from "./components/chat/message/MessageActions.js";
+import { MessageAvatar as H } from "./components/chat/message/MessageAvatar.js";
 import { MessageBubble as R } from "./components/chat/message/MessageBubble.js";
 import { MessageItem as V } from "./components/chat/message/MessageItem.js";
 import { MessageMeta as N } from "./components/chat/message/MessageMeta.js";
@@ -28,13 +28,14 @@ import { VirtualMessageList as er } from "./components/chat/message-list/Virtual
 import { WorkingIndicator as tr } from "./components/chat/status/WorkingIndicator.js";
 import { buildAssistantNoticeEvents as ir, createStreamEventBuilder as fr, isStreamEvent as mr } from "./components/chat/streamEvents.js";
 import { computeCodeDiff as kr, computeCodeDiffSync as dr, configureDiffWorker as pr, createDiffWorker as xr, hasDiffWorker as cr, terminateDiffWorker as lr, waitForDiffWorker as sr } from "./components/chat/hooks/useCodeDiff.js";
-import { configureMarkdownWorker as gr, createMarkdownWorker as ur, hasMarkdownWorker as hr, renderMarkdown as wr, renderMarkdownSync as Cr, terminateMarkdownWorker as Br, waitForMarkdownWorker as Wr } from "./components/chat/hooks/useMarkdown.js";
-import { configureMermaidWorker as Dr, configureSyncMermaid as Ar, renderMermaid as vr, terminateMermaidWorker as Ir, useMermaid as Lr } from "./components/chat/hooks/useMermaid.js";
-import { configureShikiWorker as Fr, configureSyncHighlighter as br, highlightCode as yr, terminateShikiWorker as Er, useCodeHighlight as Pr } from "./components/chat/hooks/useCodeHighlight.js";
-import { markdownMediaKind as Rr, markdownMediaPlaceholder as Ur, readMarkdownMediaPlaceholder as Vr, safeMarkdownMediaURL as _r, sandboxedMarkdownHtml as Nr } from "./components/chat/markdown/media.js";
-import { useAttachments as Kr } from "./components/chat/hooks/useAttachments.js";
-import { useAutoScroll as jr } from "./components/chat/hooks/useAutoScroll.js";
-import { useVirtualList as zr } from "./components/chat/hooks/useVirtualList.js";
+import { configureMarkdownWorker as ur, createMarkdownWorker as gr, hasMarkdownWorker as hr, renderMarkdown as Cr, renderMarkdownSync as wr, terminateMarkdownWorker as Br, waitForMarkdownWorker as Wr } from "./components/chat/hooks/useMarkdown.js";
+import { configureMermaidWorker as Dr, configureSyncMermaid as Ar, renderMermaid as Ir, terminateMermaidWorker as vr, useMermaid as Lr } from "./components/chat/hooks/useMermaid.js";
+import { configureShikiWorker as yr, configureSyncHighlighter as Fr, highlightCode as br, terminateShikiWorker as Er, useCodeHighlight as Hr } from "./components/chat/hooks/useCodeHighlight.js";
+import { createInputHistoryController as Rr } from "./components/chat/input/createInputHistoryController.js";
+import { markdownMediaKind as Vr, markdownMediaPlaceholder as _r, readMarkdownMediaPlaceholder as Nr, safeMarkdownMediaURL as Gr, sandboxedMarkdownHtml as Kr } from "./components/chat/markdown/media.js";
+import { useAttachments as jr } from "./components/chat/hooks/useAttachments.js";
+import { useAutoScroll as zr } from "./components/chat/hooks/useAutoScroll.js";
+import { useVirtualList as Qr } from "./components/chat/hooks/useVirtualList.js";
 export {
   o as AttachmentPreview,
   a as BlockRenderer,
@@ -43,16 +44,16 @@ export {
   d as ChatProvider,
   c as ChecklistBlock,
   s as CodeBlock,
-  g as CodeDiffBlock,
+  u as CodeDiffBlock,
   h as ConnectionStatus,
-  C as DEFAULT_VIRTUAL_LIST_CONFIG,
+  w as DEFAULT_VIRTUAL_LIST_CONFIG,
   W as FileBlock,
   D as ImageBlock,
-  v as MarkdownBlock,
+  I as MarkdownBlock,
   L as MarkdownMedia,
-  F as MermaidBlock,
-  y as MessageActions,
-  P as MessageAvatar,
+  y as MermaidBlock,
+  b as MessageActions,
+  H as MessageAvatar,
   R as MessageBubble,
   V as MessageItem,
   N as MessageMeta,
@@ -68,36 +69,37 @@ export {
   kr as computeCodeDiff,
   dr as computeCodeDiffSync,
   pr as configureDiffWorker,
-  gr as configureMarkdownWorker,
+  ur as configureMarkdownWorker,
   Dr as configureMermaidWorker,
-  Fr as configureShikiWorker,
-  br as configureSyncHighlighter,
+  yr as configureShikiWorker,
+  Fr as configureSyncHighlighter,
   Ar as configureSyncMermaid,
   xr as createDiffWorker,
-  ur as createMarkdownWorker,
+  Rr as createInputHistoryController,
+  gr as createMarkdownWorker,
   fr as createStreamEventBuilder,
   cr as hasDiffWorker,
   hr as hasMarkdownWorker,
-  yr as highlightCode,
+  br as highlightCode,
   mr as isStreamEvent,
-  Rr as markdownMediaKind,
-  Ur as markdownMediaPlaceholder,
-  Vr as readMarkdownMediaPlaceholder,
-  wr as renderMarkdown,
-  Cr as renderMarkdownSync,
-  vr as renderMermaid,
-  _r as safeMarkdownMediaURL,
-  Nr as sandboxedMarkdownHtml,
+  Vr as markdownMediaKind,
+  _r as markdownMediaPlaceholder,
+  Nr as readMarkdownMediaPlaceholder,
+  Cr as renderMarkdown,
+  wr as renderMarkdownSync,
+  Ir as renderMermaid,
+  Gr as safeMarkdownMediaURL,
+  Kr as sandboxedMarkdownHtml,
   lr as terminateDiffWorker,
   Br as terminateMarkdownWorker,
-  Ir as terminateMermaidWorker,
+  vr as terminateMermaidWorker,
   Er as terminateShikiWorker,
-  Kr as useAttachments,
-  jr as useAutoScroll,
+  jr as useAttachments,
+  zr as useAutoScroll,
   p as useChatContext,
-  Pr as useCodeHighlight,
+  Hr as useCodeHighlight,
   Lr as useMermaid,
-  zr as useVirtualList,
+  Qr as useVirtualList,
   sr as waitForDiffWorker,
   Wr as waitForMarkdownWorker
 };

package/dist/components/chat/index.d.ts

@@ -8,5 +8,6 @@ export { VirtualMessageList, type VirtualMessageListProps } from './message-list
 export { MessageItem, MessageBubble, MessageAvatar, MessageMeta, MessageActions, type MessageItemProps, type MessageBubbleProps, type MessageAvatarProps, type MessageMetaProps, type MessageActionsProps, } from './message';
 export { BlockRenderer, TextBlock, MarkdownBlock, CodeBlock, CodeDiffBlock, ImageBlock, SvgBlock, MermaidBlock, ChecklistBlock, ShellBlock, FileBlock, ThinkingBlock, ToolCallBlock, type BlockRendererProps, type TextBlockProps, type MarkdownBlockProps, type CodeBlockProps, type CodeDiffBlockProps, type ImageBlockProps, type SvgBlockProps, type MermaidBlockProps, type ChecklistBlockProps, type ShellBlockProps, type FileBlockProps, type ThinkingBlockProps, type ToolCallBlockProps, } from './blocks';
 export { ChatInput, AttachmentPreview, type ChatInputProps, type AttachmentPreviewProps } from './input';
+export { createInputHistoryController, type InputHistoryEntry, type InputHistoryContext, type InputHistoryState, type InputHistoryOptions, type InputHistoryEditor, type InputHistoryController, } from './input/createInputHistoryController';
 export { WorkingIndicator, StreamingCursor, ConnectionStatus, type WorkingIndicatorProps, type StreamingCursorProps, type ConnectionStatusProps, type ConnectionState, } from './status';
 export { useVirtualList, useCodeHighlight, useMermaid, useAutoScroll, useAttachments, highlightCode, renderMermaid, terminateShikiWorker, terminateMermaidWorker, configureShikiWorker, configureSyncHighlighter, configureMermaidWorker, configureSyncMermaid, createMarkdownWorker, configureMarkdownWorker, hasMarkdownWorker, waitForMarkdownWorker, renderMarkdown, renderMarkdownSync, terminateMarkdownWorker, createDiffWorker, configureDiffWorker, hasDiffWorker, waitForDiffWorker, computeCodeDiff, computeCodeDiffSync, terminateDiffWorker, type UseVirtualListOptions, type UseVirtualListReturn, type VirtualItem, type UseAutoScrollOptions, type UseAttachmentsOptions, } from './hooks';

package/dist/components/chat/input/createInputHistoryController.d.ts

@@ -0,0 +1,36 @@
+export interface InputHistoryEntry {
+    readonly id: string;
+    readonly text: string;
+}
+export interface InputHistoryContext {
+    readonly scope: string;
+    readonly value: string;
+    /** Changes on every host draft mutation, including writes of the same text. */
+    readonly revision: unknown;
+    /** Oldest first. IDs are unique within the scope. Empty text is skipped. */
+    readonly entries: readonly InputHistoryEntry[];
+    readonly enabled: boolean;
+}
+export interface InputHistoryState {
+    /** One means the newest entry in the current browsing session. */
+    readonly position: number;
+    readonly total: number;
+}
+export interface InputHistoryOptions {
+    readonly read: () => InputHistoryContext;
+    /** Commit to the controlled editor synchronously; never submit the text. */
+    readonly write: (text: string) => void;
+    readonly onChange?: (state: InputHistoryState | null, reason: 'navigate' | 'reset') => void;
+}
+export type InputHistoryEditor = Pick<HTMLTextAreaElement, 'value' | 'selectionStart' | 'selectionEnd' | 'disabled' | 'readOnly' | 'setSelectionRange'>;
+export interface InputHistoryController {
+    readonly state: () => InputHistoryState | null;
+    /** Call when the controlled draft, scope, eligibility or candidates change. */
+    readonly synchronize: () => void;
+    /** Call on input, paste, pointer selection, composition start, blur and hide. */
+    readonly reset: () => void;
+    /** Invoke after higher-priority menus. True means the event was consumed. */
+    readonly handleKeyDown: (event: KeyboardEvent, editor: InputHistoryEditor) => boolean;
+}
+/** Terminal-style recall for a host-owned controlled textarea. No persistence. */
+export declare function createInputHistoryController(options: InputHistoryOptions): InputHistoryController;

package/dist/components/chat/input/createInputHistoryController.js

@@ -0,0 +1,48 @@
+function d(i) {
+  let t = null, c = !1;
+  const u = () => t ? { position: t.entries.length - t.index, total: t.entries.length } : null, a = () => {
+    t && (t = null, i.onChange?.(null, "reset"));
+  }, f = () => {
+    if (!t || c) return;
+    const e = i.read();
+    if (!e.enabled || e.scope !== t.scope || e.value !== t.value || !Object.is(e.revision, t.revision)) {
+      a();
+      return;
+    }
+    const r = new Map(e.entries.map((n) => [n.id, n.text]));
+    t.entries.some((n) => r.get(n.id) !== n.text) && a();
+  }, g = (e, r) => {
+    const n = t, l = n.entries[e]?.text ?? "";
+    c = !0;
+    try {
+      i.write(l);
+    } finally {
+      c = !1;
+    }
+    const s = i.read();
+    if (!s.enabled || s.scope !== n.scope || s.value !== l) {
+      a();
+      return;
+    }
+    t = e < n.entries.length ? { ...n, index: e, value: l, revision: s.revision } : null, r.setSelectionRange(l.length, l.length), i.onChange?.(u(), "navigate");
+  };
+  return { state: u, synchronize: f, reset: a, handleKeyDown: (e, r) => {
+    f();
+    const n = i.read();
+    if (e.defaultPrevented || e.isComposing || e.keyCode === 229 || e.altKey || e.ctrlKey || e.metaKey || e.shiftKey || !n.enabled || !n.scope || r.disabled || r.readOnly || r.selectionStart !== r.selectionEnd || r.value !== n.value)
+      return a(), !1;
+    if (e.key !== "ArrowUp" && e.key !== "ArrowDown" && e.key !== "Escape")
+      return ["Shift", "Control", "Alt", "Meta"].includes(e.key) || a(), !1;
+    if (!t) {
+      if (e.key !== "ArrowUp" || n.value.length !== 0) return !1;
+      const s = n.entries.filter((o) => o.text.length > 0).map((o) => ({ id: o.id, text: o.text }));
+      if (!s.length) return !1;
+      t = { scope: n.scope, entries: s, index: s.length, value: "", revision: n.revision };
+    }
+    const l = e.key === "Escape" ? t.entries.length : Math.max(0, Math.min(t.entries.length, t.index + (e.key === "ArrowUp" ? -1 : 1)));
+    return e.preventDefault(), e.stopPropagation(), l !== t.index && g(l, r), !0;
+  } };
+}
+export {
+  d as createInputHistoryController
+};

package/dist/components/ui/Settings.d.ts

@@ -0,0 +1,52 @@
+import { type JSX } from 'solid-js';
+/** Host-owned routing and state stay outside this responsive settings frame. */
+export declare function SettingsLayout(props: {
+    sidebar: JSX.Element;
+    mobileNavigation?: JSX.Element;
+    children: JSX.Element;
+    class?: string;
+}): JSX.Element;
+export interface SettingsNavigationItem {
+    id: string;
+    label: string;
+    icon?: (props: {
+        class?: string;
+    }) => JSX.Element;
+    attributes?: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+}
+export interface SettingsNavigationGroup {
+    id: string;
+    label: string;
+    items: readonly SettingsNavigationItem[];
+}
+export interface SettingsNavigationProps {
+    label: string;
+    groups: readonly SettingsNavigationGroup[];
+    value: string;
+    onChange: (id: string) => void;
+    search?: JSX.Element;
+    empty?: JSX.Element;
+}
+export declare function SettingsNavigation(props: SettingsNavigationProps): JSX.Element;
+export interface SettingsSectionProps extends Omit<JSX.HTMLAttributes<HTMLElement>, 'title'> {
+    title: string;
+    description?: string;
+    badge?: JSX.Element;
+    actions?: JSX.Element;
+    /** A page owns its primary heading; sections are subordinate groups. */
+    variant?: 'page' | 'section';
+}
+export declare function SettingsSection(props: SettingsSectionProps): JSX.Element;
+export declare function SettingsList(props: JSX.HTMLAttributes<HTMLDivElement>): JSX.Element;
+export interface SettingRowProps {
+    title: string;
+    description?: string;
+    icon?: (props: {
+        class?: string;
+    }) => JSX.Element;
+    control?: JSX.Element;
+    children?: JSX.Element;
+    tone?: 'default' | 'info' | 'success' | 'warning' | 'danger';
+    class?: string;
+}
+export declare function SettingRow(props: SettingRowProps): JSX.Element;

package/dist/components/ui/Settings.js

@@ -0,0 +1,183 @@
+import { insert as n, createComponent as s, effect as v, className as b, setAttribute as h, spread as f, mergeProps as $, template as c } from "solid-js/web";
+import { Show as d, splitProps as w, For as m } from "solid-js";
+import { cn as u } from "../../utils/cn.js";
+var x = /* @__PURE__ */ c("<div><aside class=floe-settings-layout__sidebar></aside><div class=floe-settings-layout__mobile></div><div class=floe-settings-layout__content>"), k = /* @__PURE__ */ c("<div class=floe-settings-navigation__search>"), N = /* @__PURE__ */ c("<nav class=floe-settings-navigation><div class=floe-settings-navigation__groups>"), L = /* @__PURE__ */ c("<div class=floe-settings-navigation__group><div class=floe-settings-navigation__label>"), P = /* @__PURE__ */ c("<button><span>"), A = /* @__PURE__ */ c("<h1>"), C = /* @__PURE__ */ c("<p>"), F = /* @__PURE__ */ c("<div class=floe-settings-section__actions>"), R = /* @__PURE__ */ c("<section><header class=floe-settings-section__header><div class=floe-settings-section__heading><div class=floe-settings-section__title></div></div></header><div class=floe-settings-section__body>"), j = /* @__PURE__ */ c("<h2>"), q = /* @__PURE__ */ c("<div>"), z = /* @__PURE__ */ c("<div class=floe-setting-row__control>"), B = /* @__PURE__ */ c("<div class=floe-setting-row__body>"), D = /* @__PURE__ */ c("<div><div class=floe-setting-row__main><div class=floe-setting-row__label><div><div class=floe-setting-row__title>");
+function I(t) {
+  return (() => {
+    var e = x(), o = e.firstChild, i = o.nextSibling, a = i.nextSibling;
+    return n(o, () => t.sidebar), n(i, () => t.mobileNavigation), n(a, () => t.children), v(() => b(e, u("floe-settings-layout", t.class))), e;
+  })();
+}
+function J(t) {
+  return (() => {
+    var e = N(), o = e.firstChild;
+    return n(e, s(d, {
+      get when() {
+        return t.search;
+      },
+      get children() {
+        var i = k();
+        return n(i, () => t.search), i;
+      }
+    }), o), n(o, s(d, {
+      get when() {
+        return t.groups.some((i) => i.items.length);
+      },
+      get fallback() {
+        return t.empty;
+      },
+      get children() {
+        return s(m, {
+          get each() {
+            return t.groups;
+          },
+          children: (i) => s(d, {
+            get when() {
+              return i.items.length;
+            },
+            get children() {
+              var a = L(), _ = a.firstChild;
+              return n(_, () => i.label), n(a, s(m, {
+                get each() {
+                  return i.items;
+                },
+                children: (l) => (() => {
+                  var g = P(), r = g.firstChild;
+                  return f(g, $(() => l.attributes, {
+                    type: "button",
+                    get class() {
+                      return u("floe-settings-navigation__item", l.attributes?.class);
+                    },
+                    get "aria-current"() {
+                      return t.value === l.id ? "page" : void 0;
+                    },
+                    onClick: () => t.onChange(l.id)
+                  }), !1, !0), n(g, s(d, {
+                    get when() {
+                      return l.icon;
+                    },
+                    children: (S) => {
+                      const y = S();
+                      return s(y, {
+                        class: "floe-settings-navigation__icon"
+                      });
+                    }
+                  }), r), n(r, () => l.label), g;
+                })()
+              }), null), v(() => h(a, "data-settings-group", i.id)), a;
+            }
+          })
+        });
+      }
+    })), v(() => h(e, "aria-label", t.label)), e;
+  })();
+}
+function K(t) {
+  const [e, o] = w(t, ["title", "description", "badge", "actions", "variant", "class", "children"]);
+  return (() => {
+    var i = R(), a = i.firstChild, _ = a.firstChild, l = _.firstChild, g = a.nextSibling;
+    return f(i, $(o, {
+      get class() {
+        return u("floe-settings-section", e.class);
+      },
+      get "data-settings-variant"() {
+        return e.variant ?? "section";
+      }
+    }), !1, !0), n(l, s(d, {
+      get when() {
+        return e.variant === "page";
+      },
+      get fallback() {
+        return (() => {
+          var r = j();
+          return n(r, () => e.title), r;
+        })();
+      },
+      get children() {
+        var r = A();
+        return n(r, () => e.title), r;
+      }
+    }), null), n(l, () => e.badge, null), n(_, s(d, {
+      get when() {
+        return e.description;
+      },
+      get children() {
+        var r = C();
+        return n(r, () => e.description), r;
+      }
+    }), null), n(a, s(d, {
+      get when() {
+        return e.actions;
+      },
+      get children() {
+        var r = F();
+        return n(r, () => e.actions), r;
+      }
+    }), null), n(g, () => e.children), i;
+  })();
+}
+function M(t) {
+  const [e, o] = w(t, ["class", "children"]);
+  return (() => {
+    var i = q();
+    return f(i, $(o, {
+      get class() {
+        return u("floe-settings-list", e.class);
+      },
+      "data-floe-surface": "card"
+    }), !1, !0), n(i, () => e.children), i;
+  })();
+}
+function O(t) {
+  return (() => {
+    var e = D(), o = e.firstChild, i = o.firstChild, a = i.firstChild, _ = a.firstChild;
+    return n(i, s(d, {
+      get when() {
+        return t.icon;
+      },
+      children: (l) => {
+        const g = l();
+        return s(g, {
+          class: "floe-setting-row__icon"
+        });
+      }
+    }), a), n(_, () => t.title), n(a, s(d, {
+      get when() {
+        return t.description;
+      },
+      get children() {
+        var l = C();
+        return n(l, () => t.description), l;
+      }
+    }), null), n(o, s(d, {
+      get when() {
+        return t.control;
+      },
+      get children() {
+        var l = z();
+        return n(l, () => t.control), l;
+      }
+    }), null), n(e, s(d, {
+      get when() {
+        return t.children;
+      },
+      get children() {
+        var l = B();
+        return n(l, () => t.children), l;
+      }
+    }), null), v((l) => {
+      var g = u("floe-setting-row", t.class), r = t.tone ?? "default";
+      return g !== l.e && b(e, l.e = g), r !== l.t && h(e, "data-tone", l.t = r), l;
+    }, {
+      e: void 0,
+      t: void 0
+    }), e;
+  })();
+}
+export {
+  O as SettingRow,
+  I as SettingsLayout,
+  M as SettingsList,
+  J as SettingsNavigation,
+  K as SettingsSection
+};

package/dist/components/ui/index.d.ts

@@ -42,3 +42,4 @@ export { MobileKeyboard, type MobileKeyboardProps, type MobileKeyboardSuggestion
 export { LinearProgress, CircularProgress, SegmentedProgress, StepsProgress, type LinearProgressProps, type CircularProgressProps, type SegmentedProgressProps, type StepsProgressProps, type ProgressSize, type ProgressColor, } from './Progress';
 export { SurfaceAnchoredLayer, type SurfaceAnchoredLayerProps } from './SurfaceAnchoredLayer';
 export { PersistentHorizontalScrollbar, type PersistentHorizontalScrollbarProps } from './PersistentHorizontalScrollbar';
+export { SettingsLayout, SettingsNavigation, SettingsSection, SettingsList, SettingRow, type SettingsNavigationItem, type SettingsNavigationGroup, type SettingsNavigationProps, type SettingsSectionProps, type SettingRowProps, } from './Settings';