@floegence/floe-webapp-core 0.86.60 → 0.86.62

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (103) hide show
  1. package/dist/components/chat/blocks/BlockRenderer.js +1 -1
  2. package/dist/components/chat/blocks/CodeDiffBlock.js +56 -56
  3. package/dist/components/chat/blocks/ImageBlock.js +1 -1
  4. package/dist/components/chat/blocks/ToolCallBlock.js +57 -57
  5. package/dist/components/chat/status/ConnectionStatus.js +10 -10
  6. package/dist/components/deck/DeckCell.js +25 -25
  7. package/dist/components/deck/DeckContextMenu.js +20 -20
  8. package/dist/components/deck/DeckGrid.js +1 -1
  9. package/dist/components/deck/DeckTopBar.js +42 -42
  10. package/dist/components/deck/DropZonePreview.js +6 -6
  11. package/dist/components/deck/LayoutSelector.js +53 -53
  12. package/dist/components/deck/WidgetFrame.js +28 -28
  13. package/dist/components/deck/WidgetPalette.js +31 -31
  14. package/dist/components/deck/WidgetTypeSwitcher.js +31 -31
  15. package/dist/components/file-browser/Breadcrumb.js +27 -27
  16. package/dist/components/file-browser/DirectoryTree.js +15 -15
  17. package/dist/components/file-browser/DragPreview.js +58 -58
  18. package/dist/components/file-browser/FileBrowser.js +17 -17
  19. package/dist/components/file-browser/FileBrowserStatusBar.js +18 -18
  20. package/dist/components/file-browser/FileBrowserToolbar.js +27 -27
  21. package/dist/components/file-browser/FileContextMenu.js +47 -47
  22. package/dist/components/file-browser/FileGridView.js +53 -51
  23. package/dist/components/file-browser/FileItemDecorations.js +30 -27
  24. package/dist/components/file-browser/FileListView.js +114 -114
  25. package/dist/components/icons/index.js +1357 -1357
  26. package/dist/components/launchpad/Launchpad.js +14 -14
  27. package/dist/components/launchpad/LaunchpadGrid.js +7 -7
  28. package/dist/components/launchpad/LaunchpadItem.js +11 -11
  29. package/dist/components/launchpad/LaunchpadPagination.js +16 -16
  30. package/dist/components/launchpad/LaunchpadSearch.js +9 -9
  31. package/dist/components/layout/ActivityBar.js +52 -55
  32. package/dist/components/layout/BottomBar.js +17 -17
  33. package/dist/components/layout/MobileNavigationPanel.js +36 -36
  34. package/dist/components/layout/MobileTabBar.js +39 -39
  35. package/dist/components/layout/Panel.js +16 -16
  36. package/dist/components/layout/ResizeHandle.js +19 -19
  37. package/dist/components/layout/Shell.js +50 -50
  38. package/dist/components/layout/Sidebar.js +37 -36
  39. package/dist/components/layout/SidebarPane.js +19 -19
  40. package/dist/components/layout/TopBar.js +16 -16
  41. package/dist/components/layout/TopBarIconButton.js +15 -15
  42. package/dist/components/loading/LoadingOverlay.js +9 -9
  43. package/dist/components/loading/Skeleton.js +11 -11
  44. package/dist/components/ui/Button.js +36 -36
  45. package/dist/components/ui/Card.d.ts +11 -62
  46. package/dist/components/ui/Card.js +64 -237
  47. package/dist/components/ui/Checkbox.js +79 -79
  48. package/dist/components/ui/CommandPalette.js +56 -55
  49. package/dist/components/ui/Dialog.js +91 -93
  50. package/dist/components/ui/DirectoryInput.js +22 -22
  51. package/dist/components/ui/DirectoryPicker.js +8 -8
  52. package/dist/components/ui/Dropdown.js +89 -87
  53. package/dist/components/ui/FeedbackIndicator.js +57 -57
  54. package/dist/components/ui/FileOpenPicker.js +37 -37
  55. package/dist/components/ui/FileSavePicker.js +41 -41
  56. package/dist/components/ui/FloatingWindow.js +213 -205
  57. package/dist/components/ui/Form.js +76 -76
  58. package/dist/components/ui/HighlightBlock.js +14 -14
  59. package/dist/components/ui/Input.js +106 -109
  60. package/dist/components/ui/Pagination.js +86 -86
  61. package/dist/components/ui/Popover.d.ts +33 -0
  62. package/dist/components/ui/Popover.js +133 -0
  63. package/dist/components/ui/ProcessingIndicator.js +344 -345
  64. package/dist/components/ui/Progress.js +94 -97
  65. package/dist/components/ui/QuoteBlock.js +25 -25
  66. package/dist/components/ui/Radio.js +91 -91
  67. package/dist/components/ui/SegmentedControl.js +24 -24
  68. package/dist/components/ui/Stepper.js +68 -60
  69. package/dist/components/ui/Switch.js +25 -25
  70. package/dist/components/ui/Tabs.js +99 -87
  71. package/dist/components/ui/Tag.js +12 -9
  72. package/dist/components/ui/Tooltip.js +30 -30
  73. package/dist/components/ui/floatingPresence.d.ts +7 -0
  74. package/dist/components/ui/floatingPresence.js +80 -39
  75. package/dist/components/ui/index.d.ts +2 -1
  76. package/dist/components/ui/picker/DirectoryFavorites.js +27 -27
  77. package/dist/components/ui/picker/PickerBase.js +107 -107
  78. package/dist/context/NotificationContext.js +4 -4
  79. package/dist/context/ThemeContext.js +71 -70
  80. package/dist/floe.css +205 -43
  81. package/dist/full.js +650 -652
  82. package/dist/language.css +320 -0
  83. package/dist/primitives.css +23 -17
  84. package/dist/standalone.css +1 -0
  85. package/dist/styles/themes/classicSemanticTokens.d.ts +122 -122
  86. package/dist/styles/themes/classicSemanticTokens.js +140 -138
  87. package/dist/styles/themes/index.d.ts +3 -1
  88. package/dist/styles/themes/index.js +10 -10
  89. package/dist/styles/themes/presets.d.ts +2 -2
  90. package/dist/styles/themes/presets.js +34 -34
  91. package/dist/styles/tokens.d.ts +152 -68
  92. package/dist/styles/tokens.js +87 -49
  93. package/dist/styles.css +1 -1
  94. package/dist/surface.css +161 -116
  95. package/dist/themes/dark.css +64 -64
  96. package/dist/themes/light.css +64 -64
  97. package/dist/ui.css +171 -255
  98. package/dist/ui.js +176 -178
  99. package/dist/utils/hotInteraction.d.ts +7 -0
  100. package/dist/utils/hotInteraction.js +12 -12
  101. package/dist/widgets/TerminalWidget.js +28 -28
  102. package/dist/workbench-composition.css +15 -15
  103. package/package.json +1 -1
package/dist/themes/dark.css CHANGED
@@ -7,73 +7,73 @@
7
7
  --floe-window-titlebar-background: var(--popover);
8
8
  --floe-window-border: color-mix(in srgb, var(--floe-window-background) 88%, var(--foreground));
9
9
  --floe-window-shadow: 0 1px 3px rgb(0 0 0 / 30%), 0 12px 28px -8px rgb(0 0 0 / 32%);
10
- --background: #202223;
11
- --foreground: #e5e6e2;
12
- --inline-code-foreground: #6CDCEB;
13
- --inline-code-background: #263032;
14
- --primary: #bccbb8;
15
- --primary-foreground: #20291f;
16
- --secondary: #303435;
17
- --secondary-foreground: #b8bdb8;
18
- --muted: #343738;
19
- --muted-foreground: #9da4a0;
20
- --accent: #353a38;
21
- --accent-foreground: #e5e6e2;
22
- --border: #3e4142;
23
- --input: #6d7571;
24
- --ring: #acbdb3;
25
- --chrome-border: #292c2b;
10
+ --background: #0d0e0d;
11
+ --foreground: #e9e8e3;
12
+ --inline-code-foreground: #5fd6a8;
13
+ --inline-code-background: #17201c;
14
+ --primary: #e9e8e3;
15
+ --primary-foreground: #101110;
16
+ --secondary: #1e1f1e;
17
+ --secondary-foreground: #c3c4be;
18
+ --muted: #1b1c1b;
19
+ --muted-foreground: #93948d;
20
+ --accent: #242524;
21
+ --accent-foreground: #e9e8e3;
22
+ --border: #262726;
23
+ --input: #3b3c3a;
24
+ --ring: #62b898;
25
+ --chrome-border: #1a1b1a;
26
26
  --top-bar-border: var(--chrome-border);
27
27
  --activity-bar-border: var(--chrome-border);
28
28
  --bottom-bar-border: var(--chrome-border);
29
29
  --terminal-panel-border: var(--chrome-border);
30
- --card: #282b2c;
31
- --card-foreground: #e5e6e2;
32
- --popover: #2b2e2f;
33
- --popover-foreground: #e5e6e2;
34
- --success: #a1b69e;
35
- --success-foreground: #20291f;
36
- --warning: #c8af84;
37
- --warning-foreground: #20291f;
38
- --error: oklch(0.7 0.22 25);
39
- --error-foreground: #202223;
40
- --info: oklch(0.7 0.15 250);
41
- --info-foreground: #202223;
42
- --highlight-block-info-accent: oklch(0.62 0.12 240);
43
- --highlight-block-warning-accent: oklch(0.7 0.14 65);
44
- --highlight-block-success-accent: oklch(0.62 0.12 155);
45
- --highlight-block-error-accent: oklch(0.6 0.14 25);
46
- --highlight-block-note-accent: oklch(0.62 0.14 285);
47
- --highlight-block-tip-accent: oklch(0.6 0.1 175);
48
- --sidebar: #1b1d1e;
49
- --sidebar-foreground: #e5e6e2;
50
- --sidebar-primary: #bccbb8;
51
- --sidebar-primary-foreground: #20291f;
52
- --sidebar-accent: #353a38;
53
- --sidebar-accent-foreground: #e5e6e2;
54
- --sidebar-border: #292c2b;
55
- --sidebar-ring: #acbdb3;
56
- --activity-bar: #17191a;
57
- --activity-bar-foreground: #9da4a0;
58
- --activity-bar-foreground-active: #e5e6e2;
59
- --activity-bar-badge: #bccbb8;
60
- --activity-bar-badge-foreground: #20291f;
61
- --terminal-background: hsl(222 32% 7%);
62
- --terminal-foreground: hsl(210 15% 92%);
63
- --chart-1: hsl(210 20% 98%);
64
- --chart-2: hsl(215 20% 60%);
65
- --chart-3: oklch(0.7 0.15 250);
66
- --chart-4: oklch(0.72 0.19 150);
67
- --chart-5: oklch(0.82 0.16 80);
68
- --selection-bg: hsl(215 70% 50%);
69
- --selection-fg: hsl(0 0% 100%);
70
- --selection-on-primary-bg: hsl(215 80% 35%);
71
- --selection-on-primary-fg: hsl(0 0% 100%);
72
- --selection-code-bg: hsl(212 100% 67%);
73
- --selection-code-fg: hsl(220 20% 8%);
74
- --glow: hsl(217 65% 52%);
75
- --floe-progress-text-base: rgb(162 163 159);
30
+ --card: #161716;
31
+ --card-foreground: #e9e8e3;
32
+ --popover: #1a1b1a;
33
+ --popover-foreground: #e9e8e3;
34
+ --success: #62bf93;
35
+ --success-foreground: #07200f;
36
+ --warning: #d9ac5f;
37
+ --warning-foreground: #1d1607;
38
+ --error: #e8756b;
39
+ --error-foreground: #210907;
40
+ --info: #79a9e6;
41
+ --info-foreground: #061322;
42
+ --highlight-block-info-accent: oklch(0.7 0.12 248);
43
+ --highlight-block-warning-accent: oklch(0.78 0.12 76);
44
+ --highlight-block-success-accent: oklch(0.74 0.12 160);
45
+ --highlight-block-error-accent: oklch(0.68 0.17 25);
46
+ --highlight-block-note-accent: oklch(0.7 0.14 292);
47
+ --highlight-block-tip-accent: oklch(0.7 0.09 192);
48
+ --sidebar: #111211;
49
+ --sidebar-foreground: #e9e8e3;
50
+ --sidebar-primary: #e9e8e3;
51
+ --sidebar-primary-foreground: #101110;
52
+ --sidebar-accent: #242524;
53
+ --sidebar-accent-foreground: #e9e8e3;
54
+ --sidebar-border: #202120;
55
+ --sidebar-ring: #62b898;
56
+ --activity-bar: #0a0b0a;
57
+ --activity-bar-foreground: #8c8d86;
58
+ --activity-bar-foreground-active: #e9e8e3;
59
+ --activity-bar-badge: #62b898;
60
+ --activity-bar-badge-foreground: #07200f;
61
+ --terminal-background: #080908;
62
+ --terminal-foreground: #e2e1dc;
63
+ --chart-1: #62b898;
64
+ --chart-2: #93948d;
65
+ --chart-3: #d9ac5f;
66
+ --chart-4: #e8756b;
67
+ --chart-5: #79a9e6;
68
+ --selection-bg: #1f4a3a;
69
+ --selection-fg: #eafaf2;
70
+ --selection-on-primary-bg: #62b898;
71
+ --selection-on-primary-fg: #07200f;
72
+ --selection-code-bg: #2c6350;
73
+ --selection-code-fg: #eafaf2;
74
+ --glow: #62b898;
75
+ --floe-progress-text-base: rgb(156 155 151);
76
76
  --floe-progress-text-peak: rgb(255 255 255);
77
- --floe-progress-primary-base: rgb(188 203 184);
78
- --floe-progress-primary-white-mix: 59.0%;
77
+ --floe-progress-primary-base: rgb(221 220 215);
78
+ --floe-progress-primary-white-mix: 99.0%;
79
79
  }
package/dist/themes/light.css CHANGED
@@ -8,73 +8,73 @@
8
8
  --floe-window-titlebar-background: var(--popover);
9
9
  --floe-window-border: color-mix(in srgb, var(--floe-window-background) 88%, var(--foreground));
10
10
  --floe-window-shadow: 0 1px 3px rgb(0 0 0 / 14%), 0 12px 28px -8px rgb(0 0 0 / 18%);
11
- --background: #f8f7f2;
12
- --foreground: #303a34;
13
- --inline-code-foreground: #1559B5;
14
- --inline-code-background: #EEF0EF;
15
- --primary: #465a43;
16
- --primary-foreground: #f8faf5;
17
- --secondary: #eeefe8;
18
- --secondary-foreground: #545f56;
19
- --muted: #e9ece3;
20
- --muted-foreground: #5e695c;
21
- --accent: #e0e7da;
22
- --accent-foreground: #303a34;
23
- --border: #d4d8cd;
24
- --input: #858e80;
25
- --ring: #56694f;
26
- --chrome-border: #dedfd7;
11
+ --background: #f6f4ef;
12
+ --foreground: #1a1b19;
13
+ --inline-code-foreground: #1c6b57;
14
+ --inline-code-background: #eeebe4;
15
+ --primary: #1c1d1b;
16
+ --primary-foreground: #fbfaf7;
17
+ --secondary: #edeae3;
18
+ --secondary-foreground: #4a4b46;
19
+ --muted: #efede7;
20
+ --muted-foreground: #6b6a64;
21
+ --accent: #eeebe4;
22
+ --accent-foreground: #1a1b19;
23
+ --border: #e4e1d9;
24
+ --input: #c9c6bd;
25
+ --ring: #2f7d63;
26
+ --chrome-border: #eeebe4;
27
27
  --top-bar-border: var(--chrome-border);
28
28
  --activity-bar-border: var(--chrome-border);
29
29
  --bottom-bar-border: var(--chrome-border);
30
30
  --terminal-panel-border: var(--chrome-border);
31
- --card: #fcfbf7;
32
- --card-foreground: #303a34;
33
- --popover: #fffefa;
34
- --popover-foreground: #303a34;
35
- --success: #496744;
36
- --success-foreground: #f8faf5;
37
- --warning: #856828;
38
- --warning-foreground: #fffefa;
39
- --error: #b74744;
40
- --error-foreground: #fffefa;
41
- --info: #2671d9;
42
- --info-foreground: #fffefa;
43
- --highlight-block-info-accent: oklch(0.52 0.14 245);
44
- --highlight-block-warning-accent: oklch(0.62 0.16 65);
45
- --highlight-block-success-accent: oklch(0.55 0.14 155);
46
- --highlight-block-error-accent: oklch(0.55 0.16 25);
47
- --highlight-block-note-accent: oklch(0.52 0.16 285);
48
- --highlight-block-tip-accent: oklch(0.52 0.12 175);
49
- --sidebar: #efeee7;
50
- --sidebar-foreground: #303a34;
51
- --sidebar-primary: #465a43;
52
- --sidebar-primary-foreground: #f8faf5;
53
- --sidebar-accent: #e0e7da;
54
- --sidebar-accent-foreground: #303a34;
55
- --sidebar-border: #dedfd7;
56
- --sidebar-ring: #56694f;
57
- --activity-bar: #eeede6;
58
- --activity-bar-foreground: #5e695c;
59
- --activity-bar-foreground-active: #303a34;
60
- --activity-bar-badge: #465a43;
61
- --activity-bar-badge-foreground: #f8faf5;
62
- --terminal-background: hsl(214 26% 17%);
63
- --terminal-foreground: hsl(0 0% 92%);
64
- --chart-1: hsl(214 26% 17%);
65
- --chart-2: hsl(215 16% 42%);
66
- --chart-3: hsl(217 91% 60%);
67
- --chart-4: oklch(0.68 0.16 150);
68
- --chart-5: hsl(38 92% 50%);
69
- --selection-bg: hsl(217 91% 60%);
70
- --selection-fg: hsl(0 0% 100%);
71
- --selection-on-primary-bg: hsl(38 92% 50%);
72
- --selection-on-primary-fg: hsl(214 26% 17%);
73
- --selection-code-bg: hsl(212 100% 67%);
74
- --selection-code-fg: hsl(220 20% 8%);
75
- --glow: #465a43;
76
- --floe-progress-text-base: rgb(15 24 19);
77
- --floe-progress-text-peak: rgb(96 101 98);
78
- --floe-progress-primary-base: rgb(48 61 46);
31
+ --card: #fefdfb;
32
+ --card-foreground: #1a1b19;
33
+ --popover: #fffefc;
34
+ --popover-foreground: #1a1b19;
35
+ --success: #227a50;
36
+ --success-foreground: #ffffff;
37
+ --warning: #8f5c0d;
38
+ --warning-foreground: #ffffff;
39
+ --error: #b8352c;
40
+ --error-foreground: #ffffff;
41
+ --info: #2a5f9e;
42
+ --info-foreground: #ffffff;
43
+ --highlight-block-info-accent: oklch(0.52 0.13 250);
44
+ --highlight-block-warning-accent: oklch(0.64 0.13 72);
45
+ --highlight-block-success-accent: oklch(0.55 0.12 160);
46
+ --highlight-block-error-accent: oklch(0.55 0.17 27);
47
+ --highlight-block-note-accent: oklch(0.53 0.15 292);
48
+ --highlight-block-tip-accent: oklch(0.56 0.09 195);
49
+ --sidebar: #f1efe9;
50
+ --sidebar-foreground: #1a1b19;
51
+ --sidebar-primary: #1c1d1b;
52
+ --sidebar-primary-foreground: #fbfaf7;
53
+ --sidebar-accent: #eeebe4;
54
+ --sidebar-accent-foreground: #1a1b19;
55
+ --sidebar-border: #e8e5dd;
56
+ --sidebar-ring: #2f7d63;
57
+ --activity-bar: #edeae3;
58
+ --activity-bar-foreground: #5f5f58;
59
+ --activity-bar-foreground-active: #1a1b19;
60
+ --activity-bar-badge: #1c1d1b;
61
+ --activity-bar-badge-foreground: #fbfaf7;
62
+ --terminal-background: #16171a;
63
+ --terminal-foreground: #e9e7e2;
64
+ --chart-1: #2f7d63;
65
+ --chart-2: #5f5f58;
66
+ --chart-3: #8f5c0d;
67
+ --chart-4: #b8352c;
68
+ --chart-5: #2a5f9e;
69
+ --selection-bg: #cde7db;
70
+ --selection-fg: #10211b;
71
+ --selection-on-primary-bg: #6fd0a8;
72
+ --selection-on-primary-fg: #082016;
73
+ --selection-code-bg: #bcded0;
74
+ --selection-code-fg: #0c1f18;
75
+ --glow: #2f7d63;
76
+ --floe-progress-text-base: rgb(21 22 20);
77
+ --floe-progress-text-peak: rgb(104 104 103);
78
+ --floe-progress-primary-base: rgb(28 29 27);
79
79
  --floe-progress-primary-white-mix: 28.0%;
80
80
  }