@floegence/floe-webapp-core 0.86.60 → 0.86.63

package/dist/layout.js

@@ -1,41 +1,39 @@
 import { ActivityBar as r } from "./components/layout/ActivityBar.js";
 import { AppViewport as a } from "./components/layout/AppViewport.js";
-import { BottomBar as i, BottomBarItem as m, StatusIndicator as n } from "./components/layout/BottomBar.js";
-import { BottomBarCompanion as x } from "./components/layout/BottomBarCompanion.js";
-import { DisplayModePageShell as d } from "./components/layout/DisplayModePageShell.js";
-import { DisplayModeSwitcher as B, sanitizeDisplayMode as b } from "./components/layout/DisplayModeSwitcher.js";
-import { KeepAliveStack as c } from "./components/layout/KeepAliveStack.js";
-import { MobileTabBar as P } from "./components/layout/MobileTabBar.js";
-import { Panel as M, PanelContent as h, PanelHeader as A } from "./components/layout/Panel.js";
-import { ResizeHandle as D } from "./components/layout/ResizeHandle.js";
-import { Shell as u } from "./components/layout/Shell.js";
-import { Sidebar as w, SidebarContent as z, SidebarItem as H, SidebarItemList as g, SidebarSection as k } from "./components/layout/Sidebar.js";
-import { SidebarPane as L } from "./components/layout/SidebarPane.js";
-import { TopBar as V } from "./components/layout/TopBar.js";
-import { TopBarIconButton as q } from "./components/layout/TopBarIconButton.js";
+import { BottomBarCompanion as i } from "./components/layout/BottomBarCompanion.js";
+import { DisplayModePageShell as f } from "./components/layout/DisplayModePageShell.js";
+import { DisplayModeSwitcher as x, sanitizeDisplayMode as l } from "./components/layout/DisplayModeSwitcher.js";
+import { KeepAliveStack as S } from "./components/layout/KeepAliveStack.js";
+import { MobileTabBar as B } from "./components/layout/MobileTabBar.js";
+import { Panel as c, PanelContent as P, PanelHeader as T } from "./components/layout/Panel.js";
+import { ResizeHandle as y } from "./components/layout/ResizeHandle.js";
+import { Shell as g } from "./components/layout/Shell.js";
+import { Sidebar as C, SidebarContent as D, SidebarItem as I, SidebarItemList as v, SidebarSection as w } from "./components/layout/Sidebar.js";
+import { SidebarPane as H } from "./components/layout/SidebarPane.js";
+import { ThemeToggle as u } from "./components/layout/ThemeToggle.js";
+import { TopBar as L } from "./components/layout/TopBar.js";
+import { TopBarIconButton as V } from "./components/layout/TopBarIconButton.js";
 export {
   r as ActivityBar,
   a as AppViewport,
-  i as BottomBar,
-  x as BottomBarCompanion,
-  m as BottomBarItem,
-  d as DisplayModePageShell,
-  B as DisplayModeSwitcher,
-  c as KeepAliveStack,
-  P as MobileTabBar,
-  M as Panel,
-  h as PanelContent,
-  A as PanelHeader,
-  D as ResizeHandle,
-  u as Shell,
-  w as Sidebar,
-  z as SidebarContent,
-  H as SidebarItem,
-  g as SidebarItemList,
-  L as SidebarPane,
-  k as SidebarSection,
-  n as StatusIndicator,
-  V as TopBar,
-  q as TopBarIconButton,
-  b as sanitizeDisplayMode
+  i as BottomBarCompanion,
+  f as DisplayModePageShell,
+  x as DisplayModeSwitcher,
+  S as KeepAliveStack,
+  B as MobileTabBar,
+  c as Panel,
+  P as PanelContent,
+  T as PanelHeader,
+  y as ResizeHandle,
+  g as Shell,
+  C as Sidebar,
+  D as SidebarContent,
+  I as SidebarItem,
+  v as SidebarItemList,
+  H as SidebarPane,
+  w as SidebarSection,
+  u as ThemeToggle,
+  L as TopBar,
+  V as TopBarIconButton,
+  l as sanitizeDisplayMode
 };

package/dist/primitives.css

@@ -1,26 +1,32 @@
-/* Shared typography, spacing and shape; no layout or palette ownership. */
+/*
+ * Fonts, tracking, spacing, and the coarse-pointer touch scale.
+ *
+ * Shape, type, motion and elevation tokens live in `language.css`, the single
+ * source of truth for the visual scale. This file must not restate them: both
+ * used to declare the same names with different values, so whichever file was
+ * imported last silently won. What stays here is what `language.css` does not
+ * own, plus the touch overrides that must land on `body` instead of `:root`.
+ */
 :root {
-  --radius: 0.375rem;
-  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-  --font-mono: 'JetBrains Mono', 'Fira Code', 'SF Mono', Menlo, Monaco, Consolas, monospace;
-  --floe-type-caption: 0.6875rem;
-  --floe-type-supporting: 0.75rem;
-  --floe-type-control: 0.75rem;
-  --floe-type-body: 0.75rem;
-  --floe-type-heading: 1rem;
-  --floe-line-control: 1.125rem;
-  --floe-line-body: 1.25rem;
-  --floe-control-height-sm: 1.75rem;
-  --floe-control-height-md: 2rem;
-  --floe-row-height: 1.75rem;
+  /* `--radius` predates the language ladder and is still read by downstream
+   * consumers. Point it at the ladder rather than hard-coding a second control
+   * radius; the reference resolves at computed-value time, so import order no
+   * longer decides the result. */
+  --radius: var(--floe-radius-control);
+
+  /* Type: a precise geometric humanist voice with optical sizing. */
+  --font-sans: 'Inter', 'InterVariable', ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
+  --font-mono: 'JetBrains Mono', 'SFMono-Regular', 'Fira Code', 'SF Mono', Menlo, Monaco, Consolas, monospace;
+  /* Soft tracking keeps rounded geometry from reading as loose at small sizes. */
+  --floe-tracking-tight: -0.02em;
+  --floe-tracking-normal: -0.011em;
+  --floe-tracking-caps: 0.06em;
+
   --floe-space-1: 0.25rem;
   --floe-space-2: 0.5rem;
   --floe-space-3: 0.75rem;
   --floe-space-4: 1rem;
   --floe-space-6: 1.5rem;
-  --floe-radius-control: 0.375rem;
-  --floe-radius-group: 0.5rem;
-  --floe-radius-floating: 12px;
 }
 
 /* Action labels stay on one line; their containing toolbar owns reflow. */

package/dist/standalone.css

@@ -5,6 +5,7 @@
  * Applications own layout and declare data-floe-surface on visible boundaries.
  */
 @import './primitives.css';
+@import './language.css';
 @import './themes/light.css';
 @import './themes/dark.css';
 @import './themes/shell-presets.generated.css';

package/dist/styles/themes/classicSemanticTokens.d.ts

@@ -1,71 +1,71 @@
 export declare const CLASSIC_LIGHT_CSS_TOKENS: {
     '--floe-window-background': "var(--popover)";
     '--floe-window-titlebar-background': "var(--popover)";
-    '--background': "#f8f7f2";
-    '--foreground': "#303a34";
-    '--inline-code-foreground': "#1559B5";
-    '--inline-code-background': "#EEF0EF";
-    '--primary': "#465a43";
-    '--primary-foreground': "#f8faf5";
-    '--secondary': "#eeefe8";
-    '--secondary-foreground': "#545f56";
-    '--muted': "#e9ece3";
-    '--muted-foreground': "#5e695c";
-    '--accent': "#e0e7da";
-    '--accent-foreground': "#303a34";
-    '--border': "#d4d8cd";
-    '--input': "#858e80";
-    '--ring': "#56694f";
-    '--chrome-border': "#dedfd7";
+    '--background': "#f6f4ef";
+    '--foreground': "#1a1b19";
+    '--inline-code-foreground': "#1c6b57";
+    '--inline-code-background': "#eeebe4";
+    '--primary': "#1c1d1b";
+    '--primary-foreground': "#fbfaf7";
+    '--secondary': "#edeae3";
+    '--secondary-foreground': "#4a4b46";
+    '--muted': "#efede7";
+    '--muted-foreground': "#6b6a64";
+    '--accent': "#eeebe4";
+    '--accent-foreground': "#1a1b19";
+    '--border': "#e4e1d9";
+    '--input': "#c9c6bd";
+    '--ring': "#2f7d63";
+    '--chrome-border': "#eeebe4";
     '--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': "#fcfbf7";
-    '--card-foreground': "#303a34";
-    '--popover': "#fffefa";
-    '--popover-foreground': "#303a34";
-    '--success': "#496744";
-    '--success-foreground': "#f8faf5";
-    '--warning': "#856828";
-    '--warning-foreground': "#fffefa";
-    '--error': "#b74744";
-    '--error-foreground': "#fffefa";
-    '--info': "#2671d9";
-    '--info-foreground': "#fffefa";
-    '--highlight-block-info-accent': "oklch(0.52 0.14 245)";
-    '--highlight-block-warning-accent': "oklch(0.62 0.16 65)";
-    '--highlight-block-success-accent': "oklch(0.55 0.14 155)";
-    '--highlight-block-error-accent': "oklch(0.55 0.16 25)";
-    '--highlight-block-note-accent': "oklch(0.52 0.16 285)";
-    '--highlight-block-tip-accent': "oklch(0.52 0.12 175)";
-    '--sidebar': "#efeee7";
-    '--sidebar-foreground': "#303a34";
-    '--sidebar-primary': "#465a43";
-    '--sidebar-primary-foreground': "#f8faf5";
-    '--sidebar-accent': "#e0e7da";
-    '--sidebar-accent-foreground': "#303a34";
-    '--sidebar-border': "#dedfd7";
-    '--sidebar-ring': "#56694f";
-    '--activity-bar': "#eeede6";
-    '--activity-bar-foreground': "#5e695c";
-    '--activity-bar-foreground-active': "#303a34";
-    '--activity-bar-badge': "#465a43";
-    '--activity-bar-badge-foreground': "#f8faf5";
-    '--terminal-background': "hsl(214 26% 17%)";
-    '--terminal-foreground': "hsl(0 0% 92%)";
-    '--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': "hsl(38 92% 50%)";
-    '--selection-bg': "hsl(217 91% 60%)";
-    '--selection-fg': "hsl(0 0% 100%)";
-    '--selection-on-primary-bg': "hsl(38 92% 50%)";
-    '--selection-on-primary-fg': "hsl(214 26% 17%)";
-    '--selection-code-bg': "hsl(212 100% 67%)";
-    '--selection-code-fg': "hsl(220 20% 8%)";
-    '--glow': "#465a43";
+    '--card': "#fefdfb";
+    '--card-foreground': "#1a1b19";
+    '--popover': "#fffefc";
+    '--popover-foreground': "#1a1b19";
+    '--success': "#227a50";
+    '--success-foreground': "#ffffff";
+    '--warning': "#8f5c0d";
+    '--warning-foreground': "#ffffff";
+    '--error': "#b8352c";
+    '--error-foreground': "#ffffff";
+    '--info': "#2a5f9e";
+    '--info-foreground': "#ffffff";
+    '--highlight-block-info-accent': "oklch(0.52 0.13 250)";
+    '--highlight-block-warning-accent': "oklch(0.64 0.13 72)";
+    '--highlight-block-success-accent': "oklch(0.55 0.12 160)";
+    '--highlight-block-error-accent': "oklch(0.55 0.17 27)";
+    '--highlight-block-note-accent': "oklch(0.53 0.15 292)";
+    '--highlight-block-tip-accent': "oklch(0.56 0.09 195)";
+    '--sidebar': "#f1efe9";
+    '--sidebar-foreground': "#1a1b19";
+    '--sidebar-primary': "#1c1d1b";
+    '--sidebar-primary-foreground': "#fbfaf7";
+    '--sidebar-accent': "#eeebe4";
+    '--sidebar-accent-foreground': "#1a1b19";
+    '--sidebar-border': "#e8e5dd";
+    '--sidebar-ring': "#2f7d63";
+    '--activity-bar': "#edeae3";
+    '--activity-bar-foreground': "#5f5f58";
+    '--activity-bar-foreground-active': "#1a1b19";
+    '--activity-bar-badge': "#1c1d1b";
+    '--activity-bar-badge-foreground': "#fbfaf7";
+    '--terminal-background': "#16171a";
+    '--terminal-foreground': "#e9e7e2";
+    '--chart-1': "#2f7d63";
+    '--chart-2': "#5f5f58";
+    '--chart-3': "#8f5c0d";
+    '--chart-4': "#b8352c";
+    '--chart-5': "#2a5f9e";
+    '--selection-bg': "#cde7db";
+    '--selection-fg': "#10211b";
+    '--selection-on-primary-bg': "#6fd0a8";
+    '--selection-on-primary-fg': "#082016";
+    '--selection-code-bg': "#bcded0";
+    '--selection-code-fg': "#0c1f18";
+    '--glow': "#2f7d63";
     '--floe-window-foreground': "var(--foreground)";
     '--floe-window-muted-foreground': "var(--muted-foreground)";
     '--floe-window-border': "color-mix(in srgb, var(--floe-window-background) 88%, var(--foreground))";
@@ -74,71 +74,71 @@ export declare const CLASSIC_LIGHT_CSS_TOKENS: {
 export declare const CLASSIC_DARK_CSS_TOKENS: {
     '--floe-window-background': "var(--popover)";
     '--floe-window-titlebar-background': "var(--popover)";
-    '--background': "#202223";
-    '--foreground': "#e5e6e2";
-    '--inline-code-foreground': "#6CDCEB";
-    '--inline-code-background': "#263032";
-    '--primary': "#bccbb8";
-    '--primary-foreground': "#20291f";
-    '--secondary': "#303435";
-    '--secondary-foreground': "#b8bdb8";
-    '--muted': "#343738";
-    '--muted-foreground': "#9da4a0";
-    '--accent': "#353a38";
-    '--accent-foreground': "#e5e6e2";
-    '--border': "#3e4142";
-    '--input': "#6d7571";
-    '--ring': "#acbdb3";
-    '--chrome-border': "#292c2b";
+    '--background': "#0d0e0d";
+    '--foreground': "#e9e8e3";
+    '--inline-code-foreground': "#5fd6a8";
+    '--inline-code-background': "#17201c";
+    '--primary': "#e9e8e3";
+    '--primary-foreground': "#101110";
+    '--secondary': "#1e1f1e";
+    '--secondary-foreground': "#c3c4be";
+    '--muted': "#1b1c1b";
+    '--muted-foreground': "#93948d";
+    '--accent': "#242524";
+    '--accent-foreground': "#e9e8e3";
+    '--border': "#262726";
+    '--input': "#3b3c3a";
+    '--ring': "#62b898";
+    '--chrome-border': "#1a1b1a";
     '--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': "#282b2c";
-    '--card-foreground': "#e5e6e2";
-    '--popover': "#2b2e2f";
-    '--popover-foreground': "#e5e6e2";
-    '--success': "#a1b69e";
-    '--success-foreground': "#20291f";
-    '--warning': "#c8af84";
-    '--warning-foreground': "#20291f";
-    '--error': "oklch(0.7 0.22 25)";
-    '--error-foreground': "#202223";
-    '--info': "oklch(0.7 0.15 250)";
-    '--info-foreground': "#202223";
-    '--highlight-block-info-accent': "oklch(0.62 0.12 240)";
-    '--highlight-block-warning-accent': "oklch(0.7 0.14 65)";
-    '--highlight-block-success-accent': "oklch(0.62 0.12 155)";
-    '--highlight-block-error-accent': "oklch(0.6 0.14 25)";
-    '--highlight-block-note-accent': "oklch(0.62 0.14 285)";
-    '--highlight-block-tip-accent': "oklch(0.6 0.1 175)";
-    '--sidebar': "#1b1d1e";
-    '--sidebar-foreground': "#e5e6e2";
-    '--sidebar-primary': "#bccbb8";
-    '--sidebar-primary-foreground': "#20291f";
-    '--sidebar-accent': "#353a38";
-    '--sidebar-accent-foreground': "#e5e6e2";
-    '--sidebar-border': "#292c2b";
-    '--sidebar-ring': "#acbdb3";
-    '--activity-bar': "#17191a";
-    '--activity-bar-foreground': "#9da4a0";
-    '--activity-bar-foreground-active': "#e5e6e2";
-    '--activity-bar-badge': "#bccbb8";
-    '--activity-bar-badge-foreground': "#20291f";
-    '--terminal-background': "hsl(222 32% 7%)";
-    '--terminal-foreground': "hsl(210 15% 92%)";
-    '--chart-1': "hsl(210 20% 98%)";
-    '--chart-2': "hsl(215 20% 60%)";
-    '--chart-3': "oklch(0.7 0.15 250)";
-    '--chart-4': "oklch(0.72 0.19 150)";
-    '--chart-5': "oklch(0.82 0.16 80)";
-    '--selection-bg': "hsl(215 70% 50%)";
-    '--selection-fg': "hsl(0 0% 100%)";
-    '--selection-on-primary-bg': "hsl(215 80% 35%)";
-    '--selection-on-primary-fg': "hsl(0 0% 100%)";
-    '--selection-code-bg': "hsl(212 100% 67%)";
-    '--selection-code-fg': "hsl(220 20% 8%)";
-    '--glow': "hsl(217 65% 52%)";
+    '--card': "#161716";
+    '--card-foreground': "#e9e8e3";
+    '--popover': "#1a1b1a";
+    '--popover-foreground': "#e9e8e3";
+    '--success': "#62bf93";
+    '--success-foreground': "#07200f";
+    '--warning': "#d9ac5f";
+    '--warning-foreground': "#1d1607";
+    '--error': "#e8756b";
+    '--error-foreground': "#210907";
+    '--info': "#79a9e6";
+    '--info-foreground': "#061322";
+    '--highlight-block-info-accent': "oklch(0.7 0.12 248)";
+    '--highlight-block-warning-accent': "oklch(0.78 0.12 76)";
+    '--highlight-block-success-accent': "oklch(0.74 0.12 160)";
+    '--highlight-block-error-accent': "oklch(0.68 0.17 25)";
+    '--highlight-block-note-accent': "oklch(0.7 0.14 292)";
+    '--highlight-block-tip-accent': "oklch(0.7 0.09 192)";
+    '--sidebar': "#111211";
+    '--sidebar-foreground': "#e9e8e3";
+    '--sidebar-primary': "#e9e8e3";
+    '--sidebar-primary-foreground': "#101110";
+    '--sidebar-accent': "#242524";
+    '--sidebar-accent-foreground': "#e9e8e3";
+    '--sidebar-border': "#202120";
+    '--sidebar-ring': "#62b898";
+    '--activity-bar': "#0a0b0a";
+    '--activity-bar-foreground': "#8c8d86";
+    '--activity-bar-foreground-active': "#e9e8e3";
+    '--activity-bar-badge': "#62b898";
+    '--activity-bar-badge-foreground': "#07200f";
+    '--terminal-background': "#080908";
+    '--terminal-foreground': "#e2e1dc";
+    '--chart-1': "#62b898";
+    '--chart-2': "#93948d";
+    '--chart-3': "#d9ac5f";
+    '--chart-4': "#e8756b";
+    '--chart-5': "#79a9e6";
+    '--selection-bg': "#1f4a3a";
+    '--selection-fg': "#eafaf2";
+    '--selection-on-primary-bg': "#62b898";
+    '--selection-on-primary-fg': "#07200f";
+    '--selection-code-bg': "#2c6350";
+    '--selection-code-fg': "#eafaf2";
+    '--glow': "#62b898";
     '--floe-window-foreground': "var(--foreground)";
     '--floe-window-muted-foreground': "color-mix(in srgb, var(--muted-foreground) 72%, var(--foreground))";
     '--floe-window-border': "color-mix(in srgb, var(--floe-window-background) 88%, var(--foreground))";