@floegence/floe-webapp-core 0.36.69 → 0.36.71

package/dist/themes/light.css

@@ -1,54 +1,54 @@
-/* Light theme - Warm paper aesthetic */
+/* Light theme - Redeven warm paper aesthetic */
 :root,
 .light {
   color-scheme: light;
 
-  /* Base - Warm beige paper (aligned with Console light theme) */
-  --background: hsl(36 15% 93%);
-  --foreground: hsl(215 40% 13%);
+  /* Base - Warm paper and blue-black ink */
+  --background: hsl(34 24% 94%);
+  --foreground: hsl(214 26% 17%);
 
   /* Primary - Deep blue-black ink */
-  --primary: hsl(215 40% 13%);
-  --primary-foreground: hsl(0 0% 98%);
+  --primary: hsl(214 26% 17%);
+  --primary-foreground: hsl(36 100% 99%);
 
   /* Secondary - Warm muted */
-  --secondary: hsl(36 10% 88%);
-  --secondary-foreground: hsl(215 30% 26%);
+  --secondary: hsl(36 15% 94%);
+  --secondary-foreground: hsl(214 25% 25%);
 
   /* Muted - Warm gray */
-  --muted: hsl(36 10% 88%);
-  --muted-foreground: hsl(215 20% 42%);
+  --muted: hsl(36 15% 94%);
+  --muted-foreground: hsl(215 16% 42%);
 
   /* Accent - Subtle warm highlight */
-  --accent: hsl(36 10% 88%);
-  --accent-foreground: hsl(215 40% 13%);
+  --accent: hsl(34 11% 88%);
+  --accent-foreground: hsl(214 26% 17%);
 
   /* Border - Warm gray */
-  --border: hsl(36 10% 82%);
-  --input: hsl(36 10% 82%);
-  --ring: hsl(215 40% 13%);
-  --chrome-border: var(--border);
+  --border: hsl(35 13% 82%);
+  --input: hsl(37 15% 76%);
+  --ring: hsl(214 26% 17%);
+  --chrome-border: hsl(33 11% 84%);
   --top-bar-border: var(--chrome-border);
   --activity-bar-border: var(--chrome-border);
   --bottom-bar-border: var(--chrome-border);
   --terminal-panel-border: var(--chrome-border);
 
   /* Card */
-  --card: hsl(0 0% 100%);
-  --card-foreground: hsl(215 40% 13%);
+  --card: hsl(36 100% 99%);
+  --card-foreground: hsl(214 26% 17%);
 
   /* Popover */
-  --popover: hsl(0 0% 100%);
-  --popover-foreground: hsl(215 40% 13%);
+  --popover: hsl(36 100% 99%);
+  --popover-foreground: hsl(214 26% 17%);
 
-  /* Status colors - Using OKLCH for perceptual consistency */
+  /* Status colors */
   --success: oklch(0.68 0.16 150);
   --success-foreground: hsl(0 0% 100%);
-  --warning: oklch(0.78 0.14 80);
-  --warning-foreground: hsl(240 5% 10%);
+  --warning: hsl(38 92% 50%);
+  --warning-foreground: hsl(214 26% 17%);
   --error: oklch(0.65 0.2 25);
   --error-foreground: hsl(0 0% 100%);
-  --info: oklch(0.65 0.13 250);
+  --info: hsl(217 91% 60%);
   --info-foreground: hsl(0 0% 100%);
 
   /* Highlight block accents - deeper than shared status tokens */
@@ -59,33 +59,33 @@
   --highlight-block-note-accent: oklch(0.52 0.16 285);
   --highlight-block-tip-accent: oklch(0.52 0.12 175);
 
-  /* Sidebar - Slightly warmer */
-  --sidebar: hsl(36 12% 91%);
-  --sidebar-foreground: hsl(215 40% 13%);
-  --sidebar-primary: hsl(215 40% 13%);
-  --sidebar-primary-foreground: hsl(0 0% 98%);
-  --sidebar-accent: hsl(36 12% 86%);
-  --sidebar-accent-foreground: hsl(215 40% 13%);
-  --sidebar-border: hsl(36 8% 84%);
-  --sidebar-ring: hsl(215 40% 13%);
+  /* Sidebar */
+  --sidebar: hsl(36 13% 92%);
+  --sidebar-foreground: hsl(214 26% 17%);
+  --sidebar-primary: hsl(214 26% 17%);
+  --sidebar-primary-foreground: hsl(36 100% 99%);
+  --sidebar-accent: hsl(34 11% 88%);
+  --sidebar-accent-foreground: hsl(214 26% 17%);
+  --sidebar-border: hsl(33 11% 84%);
+  --sidebar-ring: hsl(214 26% 17%);
 
   /* Activity bar */
-  --activity-bar: hsl(36 10% 90%);
-  --activity-bar-foreground: hsl(215 20% 42%);
-  --activity-bar-foreground-active: hsl(215 40% 13%);
-  --activity-bar-badge: hsl(215 40% 13%);
-  --activity-bar-badge-foreground: hsl(0 0% 98%);
+  --activity-bar: hsl(36 13% 92%);
+  --activity-bar-foreground: hsl(215 16% 42%);
+  --activity-bar-foreground-active: hsl(214 26% 17%);
+  --activity-bar-badge: hsl(214 26% 17%);
+  --activity-bar-badge-foreground: hsl(36 100% 99%);
 
   /* Terminal */
-  --terminal-background: hsl(215 40% 13%);
+  --terminal-background: hsl(214 26% 17%);
   --terminal-foreground: hsl(0 0% 92%);
 
   /* Chart colors */
-  --chart-1: hsl(215 40% 13%);
-  --chart-2: hsl(36 15% 60%);
-  --chart-3: oklch(0.65 0.13 250);
+  --chart-1: hsl(214 26% 17%);
+  --chart-2: hsl(215 16% 42%);
+  --chart-3: hsl(217 91% 60%);
   --chart-4: oklch(0.68 0.16 150);
-  --chart-5: oklch(0.78 0.14 80);
+  --chart-5: hsl(38 92% 50%);
 
   /* ============================================
      Selection Colors
@@ -98,14 +98,14 @@
   */
 
   /* Default selection */
-  --selection-bg: hsl(215 80% 55%);
+  --selection-bg: hsl(217 91% 60%);
   --selection-fg: hsl(0 0% 100%);
 
   /* Selection on primary backgrounds
-     In light theme, primary is dark (hsl(215 40% 13%)),
-     so we use a bright selection to keep contrast. */
-  --selection-on-primary-bg: hsl(45 100% 55%);
-  --selection-on-primary-fg: hsl(0 0% 0%);
+     In light theme, primary is dark (hsl(214 26% 17%)),
+     so we use a warm amber selection to keep contrast. */
+  --selection-on-primary-bg: hsl(38 92% 50%);
+  --selection-on-primary-fg: hsl(214 26% 17%);
 
   /* Code-block selection (code blocks use a dark background: #0d1117) */
   --selection-code-bg: hsl(212 100% 67%);

package/dist/ui.js

@@ -1,7 +1,7 @@
 import { AffixInput as e, Input as t, NumberInput as a, Textarea as i } from "./components/ui/Input.js";
 import { AnimatedBorderCard as T, Card as c, CardContent as C, CardDescription as l, CardFooter as p, CardHeader as E, CardTitle as m, Interactive3DCard as s, MorphCard as _, NeonCard as f } from "./components/ui/Card.js";
 import { AreaChart as S, DataBarChart as R, DataPieChart as x, LineChart as d, MonitoringChart as L } from "./components/ui/Charts.js";
-import { Button as u } from "./components/ui/Button.js";
+import { Button as g } from "./components/ui/Button.js";
 import { CANVAS_WHEEL_INTERACTIVE_ATTR as I, DEFAULT_CANVAS_WHEEL_INTERACTIVE_SELECTOR as O, DEFAULT_LOCAL_INTERACTION_SURFACE_SELECTOR as W, DEFAULT_WORKBENCH_TEXT_SELECTION_SURFACE_SELECTOR as P, DEFAULT_WORKBENCH_WIDGET_ACTIVATION_SURFACE_SELECTOR as D, DEFAULT_WORKBENCH_WIDGET_SHELL_SELECTOR as N, LOCAL_INTERACTION_SURFACE_ATTR as h, WORKBENCH_TEXT_SELECTION_SURFACE_ATTR as v, WORKBENCH_WIDGET_ACTIVATION_SURFACE_ATTR as B, WORKBENCH_WIDGET_SHELL_ATTR as k, isLocalInteractionSurfaceTarget as U, resolveSurfaceInteractionTargetRole as H, resolveSurfaceWheelRouting as b, resolveWorkbenchWidgetEventOwnership as w, resolveWorkbenchWidgetLocalTypingTarget as G, resolveWorkbenchWidgetTextSelectionTarget as V, shouldActivateWorkbenchWidgetLocalTarget as K } from "./components/ui/localInteractionSurface.js";
 import { Checkbox as y, CheckboxGroup as j, CheckboxList as z } from "./components/ui/Checkbox.js";
 import { CircularProgress as Y, LinearProgress as Q, SegmentedProgress as Z, StepsProgress as q } from "./components/ui/Progress.js";
@@ -11,7 +11,7 @@ import { DIALOG_SURFACE_BOUNDARY_ATTR as ar, DIALOG_SURFACE_HOST_ATTR as ir, SUR
 import { DirectoryInput as Sr } from "./components/ui/DirectoryInput.js";
 import { DirectoryPicker as xr } from "./components/ui/DirectoryPicker.js";
 import { Dropdown as Lr, Select as Fr } from "./components/ui/Dropdown.js";
-import { ErrorBlock as gr, HighlightBlock as Ir, InfoBlock as Or, NoteBlock as Wr, SuccessBlock as Pr, TipBlock as Dr, WarningBlock as Nr } from "./components/ui/HighlightBlock.js";
+import { ErrorBlock as ur, HighlightBlock as Ir, InfoBlock as Or, NoteBlock as Wr, SuccessBlock as Pr, TipBlock as Dr, WarningBlock as Nr } from "./components/ui/HighlightBlock.js";
 import { FileSavePicker as vr } from "./components/ui/FileSavePicker.js";
 import { FloatingWindow as kr } from "./components/ui/FloatingWindow.js";
 import { Form as Hr, FormActions as br, FormControl as wr, FormDescription as Gr, FormDivider as Vr, FormField as Kr, FormLabel as Mr, FormMessage as yr, FormRow as jr, FormSection as zr, useFormSubmitting as Xr } from "./components/ui/Form.js";
@@ -27,15 +27,16 @@ import { SurfaceFloatingLayer as _o } from "./components/ui/SurfaceFloatingLayer
 import { Switch as Ao } from "./components/ui/Switch.js";
 import { TabPanel as Ro, Tabs as xo } from "./components/ui/Tabs.js";
 import { Tag as Fo } from "./components/ui/Tag.js";
-import { Tooltip as go } from "./components/ui/Tooltip.js";
+import { Tooltip as uo } from "./components/ui/Tooltip.js";
 import { clientToCanvasLocal as Oo, clientToCanvasWorld as Wo, createViewportFromZoomAnchor as Po, isPointInsideCanvasRect as Do, localToCanvasWorld as No } from "./components/ui/canvasGeometry.js";
-import { resolveFloatingWindowViewport as vo } from "./components/ui/floatingWindowGeometry.js";
-import { startPointerSession as ko } from "./components/ui/pointerSession.js";
+import { createFloatingPresence as vo } from "./components/ui/floatingPresence.js";
+import { resolveFloatingWindowViewport as ko } from "./components/ui/floatingWindowGeometry.js";
+import { startPointerSession as Ho } from "./components/ui/pointerSession.js";
 export {
   e as AffixInput,
   T as AnimatedBorderCard,
   S as AreaChart,
-  u as Button,
+  g as Button,
   I as CANVAS_WHEEL_INTERACTIVE_ATTR,
   c as Card,
   C as CardContent,
@@ -62,7 +63,7 @@ export {
   Sr as DirectoryInput,
   xr as DirectoryPicker,
   Lr as Dropdown,
-  gr as ErrorBlock,
+  ur as ErrorBlock,
   vr as FileSavePicker,
   kr as FloatingWindow,
   Hr as Form,
@@ -110,7 +111,7 @@ export {
   Fo as Tag,
   i as Textarea,
   Dr as TipBlock,
-  go as Tooltip,
+  uo as Tooltip,
   v as WORKBENCH_TEXT_SELECTION_SURFACE_ATTR,
   B as WORKBENCH_WIDGET_ACTIVATION_SURFACE_ATTR,
   k as WORKBENCH_WIDGET_SHELL_ATTR,
@@ -119,6 +120,7 @@ export {
   cr as __resetSurfacePortalScopeForTests,
   Oo as clientToCanvasLocal,
   Wo as clientToCanvasWorld,
+  vo as createFloatingPresence,
   Po as createViewportFromZoomAnchor,
   Cr as ensureSurfacePortalInteractionTracking,
   U as isLocalInteractionSurfaceTarget,
@@ -127,7 +129,7 @@ export {
   No as localToCanvasWorld,
   pr as projectSurfacePortalPosition,
   Er as projectSurfacePortalRect,
-  vo as resolveFloatingWindowViewport,
+  ko as resolveFloatingWindowViewport,
   H as resolveSurfaceInteractionTargetRole,
   mr as resolveSurfacePortalBoundaryRect,
   sr as resolveSurfacePortalHost,
@@ -138,7 +140,7 @@ export {
   G as resolveWorkbenchWidgetLocalTypingTarget,
   V as resolveWorkbenchWidgetTextSelectionTarget,
   K as shouldActivateWorkbenchWidgetLocalTarget,
-  ko as startPointerSession,
+  Ho as startPointerSession,
   Xr as useFormSubmitting,
   mo as useWizard
 };

package/dist/workbench.css

@@ -121,7 +121,7 @@
     );
     --wb-font-display: var(--wb-font-body);
     --wb-font-mono: 'SF Mono', 'Cascadia Code', Menlo, Consolas, ui-monospace, monospace;
-    --wb-accent: var(--primary, #3b82f6);
+    --wb-accent: var(--primary, #202a37);
     --wb-accent-strong: color-mix(in srgb, var(--wb-accent) 82%, black);
     --wb-accent-soft: color-mix(in srgb, var(--wb-accent) 12%, transparent);
     --wb-accent-ring: color-mix(in srgb, var(--wb-accent) 28%, transparent);
@@ -138,23 +138,31 @@
     --wb-atmosphere: none;
     --wb-atmosphere-opacity: 0;
     --wb-atmosphere-blend: normal;
-    --wb-terminal-bg: linear-gradient(180deg, #1d1f2b 0%, #121322 100%);
-    --wb-terminal-toolbar: rgba(0, 0, 0, 0.15);
-    --wb-terminal-text: #d6dee7;
-    --wb-terminal-muted: #7e87a4;
-    --wb-terminal-prompt: #6bff8d;
-    --wb-chart-cpu: #3b82f6;
-    --wb-chart-memory: #f59e0b;
-    --wb-chart-disk: #10b981;
-    --wb-log-info: #3b82f6;
-    --wb-log-warn: #f59e0b;
-    --wb-log-error: #ef4444;
-    --wb-log-debug: #94a3b8;
-    --wb-syntax-keyword: #c678dd;
-    --wb-syntax-string: #98c379;
-    --wb-syntax-fn: #61afef;
-    --wb-syntax-number: #d19a66;
-    --wb-syntax-attr: #e5c07b;
+    --wb-terminal-bg: var(--terminal-background, #202a37);
+    --wb-terminal-toolbar: color-mix(
+      in srgb,
+      var(--terminal-background, #202a37) 88%,
+      var(--terminal-foreground, #d6dee7)
+    );
+    --wb-terminal-text: var(--terminal-foreground, #d6dee7);
+    --wb-terminal-muted: color-mix(
+      in srgb,
+      var(--terminal-foreground, #d6dee7) 58%,
+      var(--terminal-background, #202a37)
+    );
+    --wb-terminal-prompt: var(--success, #10b981);
+    --wb-chart-cpu: var(--info, #3b82f6);
+    --wb-chart-memory: var(--warning, #f59e0b);
+    --wb-chart-disk: var(--success, #10b981);
+    --wb-log-info: var(--info, #3b82f6);
+    --wb-log-warn: var(--warning, #f59e0b);
+    --wb-log-error: var(--error, #ef4444);
+    --wb-log-debug: var(--muted-foreground, #64748b);
+    --wb-syntax-keyword: var(--info, #3b82f6);
+    --wb-syntax-string: var(--success, #10b981);
+    --wb-syntax-fn: var(--info, #3b82f6);
+    --wb-syntax-number: var(--warning, #f59e0b);
+    --wb-syntax-attr: var(--muted-foreground, #64748b);
   }
 
   .workbench-surface__body {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floegence/floe-webapp-core",
-  "version": "0.36.69",
+  "version": "0.36.71",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",