@floegence/floe-webapp-core 0.78.10 → 0.79.0

package/dist/widgets/TerminalWidget.js

@@ -1,19 +1,18 @@
-import { insert as i, createComponent as d, memo as L, effect as y, className as W, spread as U, mergeProps as H, setStyleProperty as X, template as v, use as F, delegateEvents as Y } from "solid-js/web";
-import { createSignal as C, createMemo as P, createEffect as N, Show as M, For as Z } from "solid-js";
-import { useResolvedFloeConfig as ee } from "../context/FloeConfigContext.js";
-import { MobileKeyboard as te } from "../components/ui/MobileKeyboard.js";
-import { useMediaQuery as re } from "../hooks/useMediaQuery.js";
+import { insert as o, createComponent as d, memo as D, effect as h, className as R, spread as Q, mergeProps as F, setStyleProperty as U, template as v, use as W, delegateEvents as X } from "solid-js/web";
+import { createSignal as k, createMemo as C, createEffect as N, Show as P, For as Y } from "solid-js";
+import { useMobileLayout as Z } from "../context/LayoutContext.js";
+import { MobileKeyboard as ee } from "../components/ui/MobileKeyboard.js";
 import { cn as q } from "../utils/cn.js";
-import { floeTouchSurfaceAttrs as ne, preventTouchSurfacePointerDown as oe } from "../utils/touchSurfaceGuard.js";
-import { normalizeTerminalWorkspaceProfile as ie } from "../terminal/workspaceProfile.js";
-import { createTerminalSessionState as le, getTerminalPromptPreview as se, getTerminalSessionSuggestions as ae, applyTerminalSessionSuggestion as ue, setTerminalSessionInputValue as de, dispatchTerminalSessionKey as ce, submitTerminalSession as me } from "../terminal/sessionModel.js";
-import { runTerminalMockCommand as pe } from "../terminal/mockRuntime.js";
-var fe = /* @__PURE__ */ v('<button type=button class="rounded-full px-2.5 py-1 text-[10px] font-semibold uppercase tracking-[0.16em] transition-colors"style="background:color-mix(in srgb, var(--terminal-foreground) 8%, transparent);color:color-mix(in srgb, var(--terminal-foreground) 82%, transparent)">'), ge = /* @__PURE__ */ v('<form class=flex-1><input type=text class="w-full bg-transparent text-terminal-foreground outline-none">'), be = /* @__PURE__ */ v('<div><div class="flex h-full min-h-0 flex-col"><div class="flex items-center justify-between border-b px-3 py-2 text-[11px]"style="border-color:color-mix(in srgb, var(--terminal-foreground) 10%, transparent);color:color-mix(in srgb, var(--terminal-foreground) 72%, transparent)"><div class="flex items-center gap-2"><div class="flex items-center gap-1.5"><span class="h-2 w-2 rounded-full bg-rose-400/80"></span><span class="h-2 w-2 rounded-full bg-amber-300/80"></span><span class="h-2 w-2 rounded-full bg-emerald-400/80"></span></div><span>Terminal Session</span></div></div><div class="flex-1 overflow-y-auto px-3 py-3 transition-[padding] duration-200"><div class="mt-2 rounded-xl px-3 py-2"style="background:color-mix(in srgb, var(--terminal-foreground) 5%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--terminal-foreground) 8%, transparent)"><div class="flex items-start gap-2"><span class="pt-0.5 text-emerald-300">$'), ve = /* @__PURE__ */ v("<div>"), xe = /* @__PURE__ */ v('<button><span class="whitespace-pre-wrap break-all text-terminal-foreground"><span class="mx-[1px] inline-block min-w-[0.65ch] rounded-[2px] bg-terminal-foreground text-terminal-background">');
-function Ee(n = {}) {
-  return (h) => d(ye, H(h, n));
+import { floeTouchSurfaceAttrs as te, preventTouchSurfacePointerDown as re } from "../utils/touchSurfaceGuard.js";
+import { normalizeTerminalWorkspaceProfile as ne } from "../terminal/workspaceProfile.js";
+import { createTerminalSessionState as ie, getTerminalPromptPreview as oe, getTerminalSessionSuggestions as le, applyTerminalSessionSuggestion as se, setTerminalSessionInputValue as ae, dispatchTerminalSessionKey as ue, submitTerminalSession as de } from "../terminal/sessionModel.js";
+import { runTerminalMockCommand as ce } from "../terminal/mockRuntime.js";
+var me = /* @__PURE__ */ v('<button type=button class="rounded-full px-2.5 py-1 text-[10px] font-semibold uppercase tracking-[0.16em] transition-colors"style="background:color-mix(in srgb, var(--terminal-foreground) 8%, transparent);color:color-mix(in srgb, var(--terminal-foreground) 82%, transparent)">'), pe = /* @__PURE__ */ v('<form class=flex-1><input type=text class="w-full bg-transparent text-terminal-foreground outline-none">'), fe = /* @__PURE__ */ v('<div><div class="flex h-full min-h-0 flex-col"><div class="flex items-center justify-between border-b px-3 py-2 text-[11px]"style="border-color:color-mix(in srgb, var(--terminal-foreground) 10%, transparent);color:color-mix(in srgb, var(--terminal-foreground) 72%, transparent)"><div class="flex items-center gap-2"><div class="flex items-center gap-1.5"><span class="h-2 w-2 rounded-full bg-rose-400/80"></span><span class="h-2 w-2 rounded-full bg-amber-300/80"></span><span class="h-2 w-2 rounded-full bg-emerald-400/80"></span></div><span>Terminal Session</span></div></div><div class="flex-1 overflow-y-auto px-3 py-3 transition-[padding] duration-200"><div class="mt-2 rounded-xl px-3 py-2"style="background:color-mix(in srgb, var(--terminal-foreground) 5%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--terminal-foreground) 8%, transparent)"><div class="flex items-start gap-2"><span class="pt-0.5 text-emerald-300">$'), ge = /* @__PURE__ */ v("<div>"), be = /* @__PURE__ */ v('<button><span class="whitespace-pre-wrap break-all text-terminal-foreground"><span class="mx-[1px] inline-block min-w-[0.65ch] rounded-[2px] bg-terminal-foreground text-terminal-background">');
+function Ce(n = {}) {
+  return (l) => d(ve, F(l, n));
 }
-function ye(n) {
-  const h = ee(), a = re(h.config.layout.mobileQuery), [E, $] = C([{
+function ve(n) {
+  const l = Z(), [M, y] = k([{
     id: 1,
     type: "output",
     content: "Welcome to Floe Terminal"
@@ -21,51 +20,51 @@ function ye(n) {
     id: 2,
     type: "output",
     content: 'Type "help" for available commands'
-  }]), [c, w] = C(le()), [x, m] = C(!1);
-  let S, p, f = 3;
-  const I = () => c().editor.value, T = P(() => ie(n.profile)), Q = () => n.runtime ?? pe, _ = P(() => se(c().editor)), K = P(() => ae(c(), {
-    profile: T(),
+  }]), [c, $] = k(ie()), [x, m] = k(!1);
+  let w, p, f = 3;
+  const E = () => c().editor.value, S = C(() => ne(n.profile)), H = () => n.runtime ?? ce, T = C(() => oe(c().editor)), I = C(() => le(c(), {
+    profile: S(),
     providers: n.suggestionProviders
   })), j = (e) => {
-    w((l) => de(l, e));
+    $((s) => ae(s, e));
   }, z = (e) => {
     e.preventDefault(), J();
   }, A = () => {
     if (!n.isEditMode) {
-      if (a()) {
+      if (l()) {
         m(!0);
         return;
       }
-      S?.focus();
+      w?.focus();
     }
-  }, k = (e) => {
-    e.length && $((l) => [...l, ...e]);
-  }, B = (e, l) => {
+  }, _ = (e) => {
+    e.length && y((s) => [...s, ...e]);
+  }, B = (e, s) => {
     const g = {
       id: f++,
       type: "input",
       content: `$ ${e}`
-    }, s = l.lines.map((b) => ({
+    }, a = s.lines.map((b) => ({
       id: f++,
       type: b.type,
       content: b.content
     }));
-    if (l.clear) {
-      $([]);
+    if (s.clear) {
+      y([]);
       return;
     }
-    k([g, ...s]);
+    _([g, ...a]);
   }, G = (e) => {
     if (e.type !== "none") {
       if (e.type === "submit") {
-        B(e.command, Q()(e.command, {
-          profile: T(),
+        B(e.command, H()(e.command, {
+          profile: S(),
           resolveNow: n.resolveNow
         }));
         return;
       }
       if (e.type === "interrupt") {
-        e.command ? k([{
+        e.command ? _([{
           id: f++,
           type: "input",
           content: `$ ${e.command}`
@@ -73,85 +72,85 @@ function ye(n) {
           id: f++,
           type: "error",
           content: "^C"
-        }]) : k([{
+        }]) : _([{
           id: f++,
           type: "error",
           content: "^C"
         }]);
         return;
       }
-      $([]);
+      y([]);
     }
-  }, R = (e) => {
-    w(e.state), G(e.effect);
+  }, K = (e) => {
+    $(e.state), G(e.effect);
   }, J = () => {
-    R(me(c()));
+    K(de(c()));
   }, O = (e) => {
-    !e || n.isEditMode || R(ce(c(), e, {
-      profile: T(),
+    !e || n.isEditMode || K(ue(c(), e, {
+      profile: S(),
       providers: n.suggestionProviders
     }));
   };
   return N(() => {
-    E(), I(), x(), p && (p.scrollTop = p.scrollHeight);
+    M(), E(), x(), p && (p.scrollTop = p.scrollHeight);
   }), N(() => {
-    (!a() || n.isEditMode) && m(!1);
+    (!l() || n.isEditMode) && m(!1);
   }), (() => {
-    var e = be(), l = e.firstChild, g = l.firstChild;
+    var e = fe(), s = e.firstChild, g = s.firstChild;
     g.firstChild;
-    var s = g.nextSibling, b = s.firstChild, V = b.firstChild;
-    V.firstChild, e.$$click = A, i(g, d(M, {
+    var a = g.nextSibling, b = a.firstChild, L = b.firstChild;
+    L.firstChild, e.$$click = A, o(g, d(P, {
       get when() {
-        return L(() => !!a())() && !n.isEditMode;
+        return D(() => !!l())() && !n.isEditMode;
       },
       get children() {
-        var t = fe();
+        var t = me();
         return t.$$click = (r) => {
-          r.stopPropagation(), m((o) => !o);
-        }, i(t, () => x() ? "Hide Keys" : "Show Keys"), t;
+          r.stopPropagation(), m((i) => !i);
+        }, o(t, () => x() ? "Hide Keys" : "Show Keys"), t;
       }
     }), null);
-    var D = p;
-    return typeof D == "function" ? F(D, s) : p = s, i(s, d(Z, {
+    var V = p;
+    return typeof V == "function" ? W(V, a) : p = a, o(a, d(Y, {
       get each() {
-        return E();
+        return M();
       },
       children: (t) => (() => {
-        var r = ve();
-        return i(r, () => t.content), y(() => W(r, q("whitespace-pre-wrap break-all leading-6", t.type === "error" && "text-rose-300", t.type === "input" && "text-emerald-300"))), r;
+        var r = ge();
+        return o(r, () => t.content), h(() => R(r, q("whitespace-pre-wrap break-all leading-6", t.type === "error" && "text-rose-300", t.type === "input" && "text-emerald-300"))), r;
       })()
-    }), b), i(V, d(M, {
+    }), b), o(L, d(P, {
       get when() {
-        return !a();
+        return !l();
       },
       get fallback() {
         return (() => {
-          var t = xe(), r = t.firstChild, o = r.firstChild;
-          return U(t, H(ne, {
+          var t = be(), r = t.firstChild, i = r.firstChild;
+          return Q(t, F(te, {
             type: "button",
             class: "min-h-[1.5rem] flex-1 bg-transparent text-left outline-none",
             "aria-label": "Terminal input surface",
             onPointerDown: (u) => {
-              oe(u), u.stopPropagation();
+              re(u), u.stopPropagation();
             },
             onClick: (u) => {
               u.stopPropagation(), m(!0);
             }
-          }), !1, !0), i(r, () => _().before, o), i(o, () => _().cursor), i(r, () => _().after, null), t;
+          }), !1, !0), o(r, () => T().before, i), o(i, () => T().cursor), o(r, () => T().after, null), t;
         })();
       },
       get children() {
-        var t = ge(), r = t.firstChild;
+        var t = pe(), r = t.firstChild;
         t.addEventListener("submit", z), r.$$input = (u) => j(u.currentTarget.value);
-        var o = S;
-        return typeof o == "function" ? F(o, r) : S = r, y(() => r.disabled = n.isEditMode), y(() => r.value = I()), t;
+        var i = w;
+        return typeof i == "function" ? W(i, r) : w = r, h(() => r.disabled = n.isEditMode), h(() => r.value = E()), t;
       }
-    }), null), i(e, d(M, {
+    }), null), o(e, d(P, {
       get when() {
-        return L(() => !!a())() && !n.isEditMode;
+        return D(() => !!l())() && !n.isEditMode;
       },
       get children() {
-        return d(te, {
+        return d(ee, {
           get visible() {
             return x();
           },
@@ -159,24 +158,24 @@ function ye(n) {
             return n.quickInserts;
           },
           get suggestions() {
-            return K();
+            return I();
           },
           onKey: O,
           onDismiss: () => m(!1),
-          onSuggestionSelect: (t) => w((r) => ue(r, t))
+          onSuggestionSelect: (t) => $((r) => se(r, t))
         });
       }
-    }), null), y((t) => {
-      var r = q("relative h-full overflow-hidden rounded-[inherit] bg-terminal-background text-terminal-foreground font-mono text-xs", n.isEditMode && "pointer-events-none"), o = a() && x() ? `calc(${K().length > 0 ? "16.5rem" : "15rem"} + env(safe-area-inset-bottom))` : void 0;
-      return r !== t.e && W(e, t.e = r), o !== t.t && X(s, "padding-bottom", t.t = o), t;
+    }), null), h((t) => {
+      var r = q("relative h-full overflow-hidden rounded-[inherit] bg-terminal-background text-terminal-foreground font-mono text-xs", n.isEditMode && "pointer-events-none"), i = l() && x() ? `calc(${I().length > 0 ? "16.5rem" : "15rem"} + env(safe-area-inset-bottom))` : void 0;
+      return r !== t.e && R(e, t.e = r), i !== t.t && U(a, "padding-bottom", t.t = i), t;
     }, {
       e: void 0,
       t: void 0
     }), e;
   })();
 }
-Y(["click", "input"]);
+X(["click", "input"]);
 export {
-  ye as TerminalWidget,
-  Ee as createTerminalWidget
+  ve as TerminalWidget,
+  Ce as createTerminalWidget
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floegence/floe-webapp-core",
-  "version": "0.78.10",
+  "version": "0.79.0",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",