@floegence/floe-webapp-core 0.91.0 → 0.91.2

package/dist/components/ui/SegmentedControl.js

@@ -22,12 +22,12 @@ const ee = {
 function ne(L) {
   const [r, N] = I(L, ["value", "onChange", "options", "size", "disabled", "class"]);
   let d, c;
-  const b = /* @__PURE__ */ new Map(), [s, S] = J();
-  let f, u, h;
+  const h = /* @__PURE__ */ new Map(), [s, S] = J();
+  let f, u, b;
   const y = () => {
-    const o = b.get(r.value);
+    const o = h.get(r.value);
     if (!d || !o) {
-      u?.cancel(), S(void 0), h = void 0;
+      u?.cancel(), S(void 0), b = void 0;
       return;
     }
     if (!o.offsetWidth || !d.getClientRects().length) return;
@@ -37,19 +37,21 @@ function ne(L) {
       width: o.offsetWidth,
       height: o.offsetHeight
     }, v = X(s);
-    if (v && Object.keys(n).every((a) => n[a] === v[a]) && h === r.value) return;
-    const e = v && h !== r.value && c && !window.matchMedia("(prefers-reduced-motion: reduce), (forced-colors: active)").matches ? getComputedStyle(c) : void 0, l = e ? {
+    if (v && Object.keys(n).every((a) => n[a] === v[a]) && b === r.value) return;
+    const e = v && b !== r.value && c && !window.matchMedia("(prefers-reduced-motion: reduce), (forced-colors: active)").matches ? getComputedStyle(c) : void 0, l = e ? {
       transform: e.transform,
       width: e.width
     } : void 0;
-    if (u?.cancel(), S(n), h = r.value, l && c) {
+    if (u?.cancel(), S(n), b = r.value, l && c) {
       const a = getComputedStyle(d);
       u = c.animate([l, {
         transform: `translate(${n.x}px, ${n.y}px)`,
         width: `${n.width}px`
       }], {
-        duration: parseFloat(a.getPropertyValue("--floe-duration-base")) || 200,
-        easing: a.getPropertyValue("--floe-ease-out").trim() || "ease-out"
+        // Position changes need visible travel: the fast entrance curve
+        // covers almost 90% of this short rail in its first 60ms.
+        duration: parseFloat(a.getPropertyValue("--floe-duration-slow")) || 280,
+        easing: a.getPropertyValue("--floe-ease-in-out").trim() || "ease-in-out"
       }), u.id = "floe-segmented-selection";
     }
   };
@@ -58,7 +60,7 @@ function ne(L) {
   }), Q(() => {
     if (typeof ResizeObserver < "u") {
       f = new ResizeObserver(y), f.observe(d);
-      for (const o of b.values()) f.observe(o);
+      for (const o of h.values()) f.observe(o);
     }
     y();
   }), D(() => {
@@ -90,8 +92,8 @@ function ne(L) {
         return (() => {
           var i = Z(), g = i.firstChild, m = g.firstChild;
           return i.$$click = () => T(e.value, e.disabled), $((t) => {
-            b.set(e.value, t), f?.observe(t), D(() => {
-              f?.unobserve(t), b.delete(e.value);
+            h.set(e.value, t), f?.observe(t), D(() => {
+              f?.unobserve(t), h.delete(e.value);
             });
           }, i), k(g, (() => {
             var t = B(() => !!e.icon);

package/dist/floe.css

@@ -1017,7 +1017,7 @@
   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);
   color: var(--floe-ink);
@@ -1061,7 +1061,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 +1073,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; } }