@floegence/floe-webapp-core 0.91.1 → 0.91.3

package/dist/components/ui/PromptCard.js

@@ -1,20 +1,20 @@
 import { createComponent as u, Portal as xe, use as Y, setAttribute as x, insert as d, spread as ye, mergeProps as we, effect as N, setStyleProperty as C, className as Se, template as O, delegateEvents as Ce } from "solid-js/web";
-import { createUniqueId as Me, createSignal as z, onCleanup as p, createMemo as F, createEffect as W, untrack as G, Show as $ } from "solid-js";
+import { createUniqueId as Me, createSignal as z, onCleanup as G, createMemo as F, createEffect as W, untrack as J, Show as $ } from "solid-js";
 import { useOverlayMask as Pe } from "../../hooks/useOverlayMask.js";
 import { deferAfterPaint as de } from "../../utils/defer.js";
 import { ensureSurfacePortalInteractionTracking as ke, resolveSurfacePortalHost as $e, resolveSurfacePortalScale as De, resolveSurfacePortalBoundaryRect as Ee, projectSurfacePortalPosition as Ae, readFreshInteractionSnapshot as Le, resolveSurfacePortalMount as Te, isSurfacePortalMode as Ie } from "./dialogSurfaceScope.js";
 import { cn as ue } from "../../utils/cn.js";
 import { readViewportSnapshot as ze, observeViewport as Fe } from "../../viewport.js";
-import { X as Oe, Paperclip as Be, ArrowUp as He } from "../icons/index.js";
-import { Button as J } from "./Button.js";
+import { X as Oe, Plus as Be, ArrowUp as He } from "../icons/index.js";
+import { Button as Z } from "./Button.js";
 import { Select as Re } from "./Select.js";
 import { createFloatingPresence as Ve } from "./floatingPresence.js";
 var qe = /* @__PURE__ */ O("<span class=floe-prompt-card-icon aria-hidden=true>"), _e = /* @__PURE__ */ O("<div class=floe-prompt-card-references>"), Ne = /* @__PURE__ */ O("<input type=file multiple hidden tabindex=-1>"), We = /* @__PURE__ */ O("<div class=floe-prompt-card-feedback>"), Xe = /* @__PURE__ */ O("<div class=floe-prompt-card-positioner><div role=dialog aria-modal=false tabindex=-1 data-floe-prompt-card data-floe-input-surface data-floe-surface=floating data-floe-local-interaction-surface=true><header class=floe-prompt-card-header><h2></h2></header><div><div class=floe-prompt-card-question></div><div class=floe-prompt-card-composer><div class=floe-prompt-card-field><textarea class=floe-prompt-card-input rows=2></textarea></div><div class=floe-prompt-card-actions><div class=floe-prompt-card-tools>");
 function nt(t) {
   ke();
-  const Z = Me(), [fe, ee] = z(!1), [me, te] = z(!1), c = () => t.busy || fe();
+  const p = Me(), [fe, ee] = z(!1), [me, te] = z(!1), c = () => t.busy || fe();
   let ne = !1;
-  p(() => {
+  G(() => {
     ne = !0;
   });
   const [h, he] = z(ze(window)), [D, ge] = z(), [X, ve] = z({
@@ -43,7 +43,7 @@ function nt(t) {
     y: h().fixedScale
   }));
   W(() => {
-    y.mounted() && p(Fe(window, he));
+    y.mounted() && G(Fe(window, he));
   }), W(() => {
     const n = D();
     if (!y.mounted() || !n) return;
@@ -54,7 +54,7 @@ function nt(t) {
         height: m
       };
     }), i = new ResizeObserver(a);
-    i.observe(n), a(), p(() => i.disconnect());
+    i.observe(n), a(), G(() => i.disconnect());
   });
   const w = F(() => {
     const n = h(), a = H() ? Ee(A()) : n.visible, i = n.visible.width < 640 ? 8 : 12, s = t.viewportInsets, f = Math.max(n.visible.left, a.left) + Math.max(n.safeArea.left, s?.left ?? 0) + i, m = Math.max(n.visible.top, a.top) + Math.max(n.safeArea.top, s?.top ?? 0) + i, S = Math.min(n.visible.right, a.right) - Math.max(n.safeArea.right, s?.right ?? 0) - i, P = Math.min(n.visible.bottom, a.bottom) - Math.max(n.safeArea.bottom, s?.bottom ?? 0) - i, o = Math.max(0, S - f), g = Math.min(X().width * L().x, o), k = Math.max(0, P - m), e = Math.min(X().height * L().y, k), r = be(), l = (V, q, _) => Math.max(q, Math.min(V, _)), v = l(r ? r.x + 8 : f + (o - g) / 2, f, S - g), b = !r || r.y + 8 + e <= P, T = r ? b ? r.y + 8 : r.y - e - 8 : m + Math.max(0, (k - e) * 0.32), I = l(T, m, P - e);
@@ -70,7 +70,7 @@ function nt(t) {
     x: (w().x + h().fixedOffset.left) / h().fixedScale,
     y: (w().y + h().fixedOffset.top) / h().fixedScale
   }), R = (n) => {
-    c() || !t.open || E || (t.onClose(), n && de(() => G(() => {
+    c() || !t.open || E || (t.onClose(), n && de(() => J(() => {
       !t.open && K?.isConnected && K.focus({
         preventScroll: !0
       });
@@ -79,7 +79,7 @@ function nt(t) {
   W(() => {
     if (!t.open) return;
     const n = document.activeElement, i = t.owner ?? Le()?.target?.closest("button, a[href], input, [tabindex]") ?? (n instanceof HTMLElement && n !== document.body ? n : void 0);
-    i && !G(D)?.contains(i) && !t.containsTarget?.(i) && (K = i), queueMicrotask(() => {
+    i && !J(D)?.contains(i) && !t.containsTarget?.(i) && (K = i), queueMicrotask(() => {
       !t.open || t.autoFocus === !1 || !M?.isConnected || (M.focus({
         preventScroll: !0
       }), M.setSelectionRange(M.value.length, M.value.length));
@@ -102,7 +102,7 @@ function nt(t) {
     blockHotkeys: !1
   });
   const ie = () => {
-    !t.open || c() || t.submitDisabled || (ee(!0), de(() => G(() => {
+    !t.open || c() || t.submitDisabled || (ee(!0), de(() => J(() => {
       if (!ne)
         try {
           t.open && t.onSubmit();
@@ -124,7 +124,7 @@ function nt(t) {
           var n = Xe(), a = n.firstChild, i = a.firstChild, s = i.firstChild, f = i.nextSibling, m = f.firstChild, S = m.nextSibling, P = S.firstChild, o = P.firstChild, g = P.nextSibling, k = g.firstChild;
           return a.$$keydown = (e) => {
             e.key !== "Escape" || e.defaultPrevented || e.isComposing || E || B?.getAttribute("aria-expanded") === "true" && B.contains(e.target) || (e.preventDefault(), e.stopPropagation(), R(!0));
-          }, a.$$focusin = () => t.onActivate?.(), a.$$pointerdown = () => t.onActivate?.(), Y(ge, a), x(a, "aria-labelledby", Z), d(i, u($, {
+          }, a.$$focusin = () => t.onActivate?.(), a.$$pointerdown = () => t.onActivate?.(), Y(ge, a), x(a, "aria-labelledby", p), d(i, u($, {
             get when() {
               return t.icon;
             },
@@ -132,7 +132,7 @@ function nt(t) {
               var e = qe();
               return d(e, () => t.icon), e;
             }
-          }), s), x(s, "id", Z), d(s, () => t.title), d(i, u(J, {
+          }), s), x(s, "id", p), d(s, () => t.title), d(i, u(Z, {
             variant: "ghost",
             size: "icon",
             icon: Oe,
@@ -191,7 +191,7 @@ function nt(t) {
                   e: void 0,
                   t: void 0
                 }), e;
-              })(), u(J, {
+              })(), u(Z, {
                 variant: "ghost",
                 size: "icon",
                 icon: Be,
@@ -252,7 +252,7 @@ function nt(t) {
                 }
               });
             }
-          }), null), d(g, u(J, {
+          }), null), d(g, u(Z, {
             variant: "primary",
             size: "icon",
             icon: He,

package/dist/floe.css

@@ -1017,9 +1017,10 @@
   display: flex; flex-direction: column; min-width: 0;
   max-height: var(--floe-prompt-max-height);
   overflow: hidden; pointer-events: auto;
-  border: 1px solid var(--floe-line);
+  border: 0;
   border-radius: var(--floe-radius-card);
-  background: var(--floe-plane-float);
+  /* A contextual editor must separate from both the page and content cards. */
+  background: color-mix(in srgb, var(--floe-ink) 10%, var(--floe-plane-float));
   color: var(--floe-ink);
   font-size: var(--floe-type-body);
   line-height: var(--floe-line-body);
@@ -1061,7 +1062,7 @@
 .floe-prompt-card-actions { display: flex; align-items: center; gap: var(--floe-gap-control); padding: var(--floe-pad-control) 0 0; }
 .floe-prompt-card-references { min-width: 0; }
 .floe-prompt-card-tools { display: flex; align-items: center; flex: 1; min-width: 0; gap: var(--floe-gap-inline); }
-.floe-prompt-card-tools > .relative { min-width: 0; max-width: 15rem; }
+.floe-prompt-card-tools > .relative { flex: 1; min-width: 0; }
 .floe-prompt-card .floe-prompt-card-attach { flex-shrink: 0; width: var(--floe-control-height-sm); height: var(--floe-control-height-sm); border-radius: var(--floe-radius-sm); }
 .floe-prompt-card .floe-prompt-card-selection { width: auto; max-width: 100%; height: var(--floe-control-height-sm); padding: 0 var(--floe-pad-control); border-color: transparent; background: transparent; font-size: var(--floe-type-supporting); box-shadow: none; }
 .floe-prompt-card .floe-prompt-card-selection:hover { background: var(--muted); }
@@ -1073,4 +1074,5 @@
   .floe-prompt-card-input { font-size: 1rem; }
   .floe-prompt-card .floe-prompt-card-selection { min-height: 2.75rem; }
 }
-@media (forced-colors: active) { .floe-prompt-card { border-color: CanvasText; } }
+:root[data-floe-shell-theme='hc-light'] .floe-prompt-card { border: 1px solid var(--floe-line); }
+@media (forced-colors: active) { .floe-prompt-card { border: 1px solid CanvasText; } }