@timbal-ai/timbal-react 0.7.0 → 0.8.0

package/dist/index.d.ts

@@ -1,15 +1,15 @@
-import { D as UiArtifact, E as UiNode, F as AnyArtifact, Q as QuestionArtifact, H as HtmlArtifact, J as JsonArtifact, G as TableArtifact } from './chat-CWtQWDtJ.js';
-export { I as ArtifactRegistry, K as ArtifactRegistryProvider, L as ArtifactRenderer, M as ArtifactRendererProps, N as ArtifactView, C as ChartArtifact, c as ChatAttachment, d as ChatMessage, e as Composer, f as ComposerProps, g as ContentPart, O as CreateDefaultAttachmentAdapterOptions, P as CreateUploadAttachmentAdapterOptions, R as DEFAULT_UPLOAD_ACCEPT, V as QuestionOption, W as ResolveAttachmentAdapterOptions, S as SendOptions, h as Suggestions, i as SuggestionsComponent, j as SuggestionsSlotProps, k as SuggestionsSource, l as TextContentPart, m as ThinkingContentPart, n as Thread, o as ThreadArtifactsConfig, p as ThreadComponents, q as ThreadProps, r as ThreadSuggestion, s as ThreadSuggestionsProps, T as ThreadVariant, t as ThreadWelcomeConfig, u as ThreadWelcomeProps, X as TimbalArtifact, Y as TimbalAttachmentsConfig, Z as TimbalAttachmentsProp, a as TimbalChat, b as TimbalChatProps, v as TimbalRuntimeProvider, w as TimbalRuntimeProviderProps, x as TimbalStreamApi, y as ToolCallContentPart, _ as UiAction, $ as UiCustomNodeRegistryProvider, a0 as UiEventEnvelope, a1 as UiEventProvider, a2 as UploadFetchFn, U as UseTimbalStreamOptions, a3 as createDefaultAttachmentAdapter, a4 as createUploadAttachmentAdapter, a5 as defaultArtifactRenderers, a6 as getPath, a7 as isArtifact, a8 as isUiBinding, a9 as resolveAttachmentAdapter, aa as resolveBindable, ab as setPath, ac as useArtifactRegistry, z as useResolvedSuggestions, A as useTimbalRuntime, B as useTimbalStream, ad as useUiCustomNodeRegistry, ae as useUiDispatch, af as useUiEventEmitter, ag as useUiState } from './chat-CWtQWDtJ.js';
+import { D as UiArtifact, E as UiNode, F as AnyArtifact, Q as QuestionArtifact, H as HtmlArtifact, J as JsonArtifact, G as TableArtifact } from './chat-Bed4FQSl.js';
+export { I as ArtifactRegistry, K as ArtifactRegistryProvider, L as ArtifactRenderer, M as ArtifactRendererProps, N as ArtifactView, C as ChartArtifact, c as ChatAttachment, d as ChatMessage, e as Composer, f as ComposerProps, g as ContentPart, O as CreateDefaultAttachmentAdapterOptions, P as CreateUploadAttachmentAdapterOptions, R as DEFAULT_UPLOAD_ACCEPT, V as QuestionOption, W as ResolveAttachmentAdapterOptions, S as SendOptions, h as Suggestions, i as SuggestionsComponent, j as SuggestionsSlotProps, k as SuggestionsSource, l as TextContentPart, m as ThinkingContentPart, n as Thread, o as ThreadArtifactsConfig, p as ThreadComponents, q as ThreadProps, r as ThreadSuggestion, s as ThreadSuggestionsProps, T as ThreadVariant, t as ThreadWelcomeConfig, u as ThreadWelcomeProps, X as TimbalArtifact, Y as TimbalAttachmentsConfig, Z as TimbalAttachmentsProp, a as TimbalChat, b as TimbalChatProps, v as TimbalRuntimeProvider, w as TimbalRuntimeProviderProps, x as TimbalStreamApi, y as ToolCallContentPart, _ as UiAction, $ as UiCustomNodeRegistryProvider, a0 as UiEventEnvelope, a1 as UiEventProvider, a2 as UploadFetchFn, U as UseTimbalStreamOptions, a3 as createDefaultAttachmentAdapter, a4 as createUploadAttachmentAdapter, a5 as defaultArtifactRenderers, a6 as getPath, a7 as isArtifact, a8 as isUiBinding, a9 as resolveAttachmentAdapter, aa as resolveBindable, ab as setPath, ac as useArtifactRegistry, z as useResolvedSuggestions, A as useTimbalRuntime, B as useTimbalStream, ad as useUiCustomNodeRegistry, ae as useUiDispatch, af as useUiEventEmitter, ag as useUiState } from './chat-Bed4FQSl.js';
 import { WorkforceItem, Session } from '@timbal-ai/timbal-sdk';
 export { parseSSELine } from '@timbal-ai/timbal-sdk';
 import { ToolCallMessagePartComponent } from '@assistant-ui/react';
 export { ActionBarPrimitive, AssistantRuntimeProvider, AttachmentAdapter, AuiIf, ComposerPrimitive, MessagePrimitive, ThreadPrimitive, useComposerRuntime, useMessageRuntime, useThread, useThreadRuntime } from '@assistant-ui/react';
-export { M as ModeToggle, a as ModeToggleProps, b as ModeToggleTheme, S as STUDIO_NAV_MODE, c as StudioModeSwitch, d as StudioModeSwitchProps, e as StudioNavMode, f as StudioSidebar, g as StudioSidebarProps, h as StudioWelcome, i as StudioWelcomeProps, T as TimbalChatShell, j as TimbalChatShellProps, k as TimbalMark, l as TimbalMarkProps, m as TimbalStudioShell, n as TimbalStudioShellProps } from './welcome-BBmB3tl7.js';
+export { M as ModeToggle, a as ModeToggleProps, b as ModeToggleTheme, S as STUDIO_NAV_MODE, c as StudioModeSwitch, d as StudioModeSwitchProps, e as StudioNavMode, f as StudioSidebar, g as StudioSidebarProps, h as StudioWelcome, i as StudioWelcomeProps, T as TimbalChatShell, j as TimbalChatShellProps, k as TimbalMark, l as TimbalMarkProps, m as TimbalStudioShell, n as TimbalStudioShellProps } from './welcome-DE08m9ca.js';
 export { M as MarkdownText, T as THREAD_DEFAULT_MAX_WIDTH, a as ToolFallback, b as TooltipIconButton, c as TooltipIconButtonProps, W as WorkforceSelector, d as WorkforceSelectorProps, e as assistantMessageContentClass, f as assistantMessageRootClass, t as threadMessageColumnClass, u as useToolRunning, g as userMessageRootClass } from './layout-BTJyU8wd.js';
-export { A as APP_KIT_AGENT_INSTRUCTIONS, a as AppChatPanel, b as AppChatPanelProps, c as AppConfirmDialog, d as AppConfirmDialogProps, e as AppCopilotContextValue, f as AppCopilotProvider, g as AppCopilotProviderProps, h as AppShell, i as AppShellChatControls, j as AppShellChatTrigger, k as AppShellChatTriggerProps, l as AppShellProps, m as AppShellTopbar, n as AppShellTopbarProps, B as BreadcrumbItem, o as Breadcrumbs, p as BreadcrumbsProps, C as CHART_PALETTE, q as ChartArtifactView, s as ChartPanel, t as ChartPanelProps, u as ChartSeries, v as ChartVariant, w as ConnectionRow, x as ConnectionRowList, y as ConnectionRowListProps, z as ConnectionRowProps, D as DangerZone, E as DangerZoneAction, F as DangerZoneActionProps, G as DangerZoneProps, H as DataTable, I as DataTableColumn, J as DataTableProps, K as DataTableSort, L as DataTableSortDirection, M as DescriptionItem, N as DescriptionList, O as DescriptionListProps, P as EmptyState, Q as EmptyStateProps, R as ExpandableSection, S as ExpandableSectionProps, T as Field, U as FieldInput, V as FieldInputProps, W as FieldProps, X as FieldRow, Y as FieldRowProps, Z as FieldSelect, _ as FieldSelectProps, $ as FieldSwitch, a0 as FieldSwitchProps, a1 as FieldTextarea, a2 as FieldTextareaProps, a3 as FilterBar, a4 as FilterBarProps, a5 as FloatingUnsavedChangesBar, a6 as FloatingUnsavedChangesBarProps, a7 as FormSection, a8 as FormSectionProps, a9 as INTEGRATION_CATALOG_CARD_HEIGHT_CLASS, aa as InfoCard, ab as InfoCardProps, ac as InfoCardTone, ad as IntegrationCard, ae as IntegrationCardProps, af as IntegrationCardStatus, ag as IntegrationsEmptyState, ah as IntegrationsEmptyStateProps, ai as LineAreaChart, aj as LineAreaChartProps, ak as MetricChartCard, al as MetricChartCardProps, am as MetricChartMetric, an as MetricRow, ao as MetricRowItem, ap as MetricRowProps, aq as MetricTile, ar as MetricTileProps, as as Page, at as PageHeader, au as PageHeaderProps, av as PageProps, aw as PlanBadge, ax as PlanBadgeProps, ay as PlanBadgeTone, az as ResourceCard, aA as ResourceCardProps, aB as SearchInput, aC as SearchInputProps, aD as Section, aE as SectionProps, aF as SettingsSection, aG as SettingsSectionHeader, aH as SettingsSectionHeaderProps, aI as SettingsSectionProps, aJ as Sparkline, aK as SparklineProps, aL as StatTile, aM as StatTileProps, aN as StatusBadge, aO as StatusBadgeProps, aP as StatusBadgeTone, aQ as StatusDot, aR as StatusDotProps, aS as StatusDotTone, aT as SubNav, aU as SubNavItem, aV as SubNavProps, aW as SurfaceCard, aX as SurfaceCardProps, aY as connectionRowListClass, aZ as useAppCopilotContext, a_ as useAppShellChat } from './chart-artifact-BFDz8Tf9.js';
+export { A as APP_KIT_AGENT_INSTRUCTIONS, a as AppChatPanel, b as AppChatPanelProps, c as AppConfirmDialog, d as AppConfirmDialogProps, e as AppCopilotContextValue, f as AppCopilotProvider, g as AppCopilotProviderProps, h as AppShell, i as AppShellChatControls, j as AppShellChatTrigger, k as AppShellChatTriggerProps, l as AppShellProps, m as AppShellTopbar, n as AppShellTopbarProps, B as BreadcrumbItem, o as Breadcrumbs, p as BreadcrumbsProps, C as CHART_PALETTE, q as ChartArtifactView, s as ChartPanel, t as ChartPanelProps, u as ChartSeries, v as ChartVariant, w as ConnectionRow, x as ConnectionRowList, y as ConnectionRowListProps, z as ConnectionRowProps, D as DangerZone, E as DangerZoneAction, F as DangerZoneActionProps, G as DangerZoneProps, H as DataTable, I as DataTableColumn, J as DataTableProps, K as DataTableSort, L as DataTableSortDirection, M as DescriptionItem, N as DescriptionList, O as DescriptionListProps, P as EmptyState, Q as EmptyStateProps, R as ExpandableSection, S as ExpandableSectionProps, T as Field, U as FieldInput, V as FieldInputProps, W as FieldProps, X as FieldRow, Y as FieldRowProps, Z as FieldSelect, _ as FieldSelectProps, $ as FieldSwitch, a0 as FieldSwitchProps, a1 as FieldTextarea, a2 as FieldTextareaProps, a3 as FilterBar, a4 as FilterBarProps, a5 as FloatingUnsavedChangesBar, a6 as FloatingUnsavedChangesBarProps, a7 as FormSection, a8 as FormSectionProps, a9 as INTEGRATION_CATALOG_CARD_HEIGHT_CLASS, aa as InfoCard, ab as InfoCardProps, ac as InfoCardTone, ad as IntegrationCard, ae as IntegrationCardProps, af as IntegrationCardStatus, ag as IntegrationsEmptyState, ah as IntegrationsEmptyStateProps, ai as LineAreaChart, aj as LineAreaChartProps, ak as MetricChartCard, al as MetricChartCardProps, am as MetricChartMetric, an as MetricRow, ao as MetricRowItem, ap as MetricRowProps, aq as MetricTile, ar as MetricTileProps, as as Page, at as PageHeader, au as PageHeaderProps, av as PageProps, aw as PlanBadge, ax as PlanBadgeProps, ay as PlanBadgeTone, az as ResourceCard, aA as ResourceCardProps, aB as SearchInput, aC as SearchInputProps, aD as Section, aE as SectionProps, aF as SettingsSection, aG as SettingsSectionHeader, aH as SettingsSectionHeaderProps, aI as SettingsSectionProps, aJ as Sparkline, aK as SparklineProps, aL as StatTile, aM as StatTileProps, aN as StatusBadge, aO as StatusBadgeProps, aP as StatusBadgeTone, aQ as StatusDot, aR as StatusDotProps, aS as StatusDotTone, aT as SubNav, aU as SubNavItem, aV as SubNavProps, aW as SurfaceCard, aX as SurfaceCardProps, aY as connectionRowListClass, aZ as useAppCopilotContext, a_ as useAppShellChat } from './chart-artifact-CqqhdSR9.js';
 export { B as Button } from './button-CIKzUrJI.js';
 import React__default, { FC, ReactNode } from 'react';
-export { Avatar, AvatarFallback, AvatarImage, Dialog, DialogClose, DialogContent, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, MemoPillSegmentedTabs, PillSegmentedTab, PillSegmentedTabs, PillSegmentedTabsProps, Shimmer, TextShimmerProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './ui.js';
+export { Avatar, AvatarFallback, AvatarImage, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, MemoPillSegmentedTabs, PillSegmentedTab, PillSegmentedTabs, PillSegmentedTabsProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Shimmer, TextShimmerProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './ui.js';
 import { ClassValue } from 'clsx';
 import 'react/jsx-runtime';
 import './timbal-v2-button-CNfdwGq4.js';

package/dist/index.esm.js

@@ -49,7 +49,7 @@ import {
   connectionRowListClass,
   useAppCopilotContext,
   useAppShellChat
-} from "./chunk-533MK5EA.esm.js";
+} from "./chunk-ZEDE2TWQ.esm.js";
 import {
   THREAD_DEFAULT_MAX_WIDTH,
   assistantMessageContentClass,
@@ -70,11 +70,11 @@ import {
   useOptionalSession,
   useSession,
   useWorkforces
-} from "./chunk-7O5VY3TP.esm.js";
+} from "./chunk-4AO3HCAR.esm.js";
 import "./chunk-Z27GBSOT.esm.js";
 import {
   WorkforceSelector
-} from "./chunk-N3PYVTY5.esm.js";
+} from "./chunk-ZG5NBHOS.esm.js";
 import {
   ARTIFACT_FENCE_LANGUAGES,
   ArtifactCard,
@@ -131,11 +131,41 @@ import {
   useUiDispatch,
   useUiEventEmitter,
   useUiState
-} from "./chunk-TLUF2RUL.esm.js";
+} from "./chunk-VVTTLIGT.esm.js";
+import {
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  Popover,
+  PopoverAnchor,
+  PopoverContent,
+  PopoverTrigger,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue
+} from "./chunk-LSEUKTU5.esm.js";
 import {
   MemoPillSegmentedTabs,
   PillSegmentedTabs
-} from "./chunk-TDIJHV4I.esm.js";
+} from "./chunk-YNDXBN6C.esm.js";
 import {
   Avatar,
   AvatarFallback,
@@ -144,6 +174,9 @@ import {
   Dialog,
   DialogClose,
   DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
   DialogOverlay,
   DialogPortal,
   DialogTitle,
@@ -154,7 +187,7 @@ import {
   TooltipProvider,
   TooltipTrigger,
   cn
-} from "./chunk-2XZ3S4OP.esm.js";
+} from "./chunk-QKO67F4V.esm.js";
 
 // src/index.ts
 import { parseSSELine } from "@timbal-ai/timbal-sdk";
@@ -360,10 +393,27 @@ export {
   Dialog,
   DialogClose,
   DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
   DialogOverlay,
   DialogPortal,
   DialogTitle,
   DialogTrigger,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
   EmptyState,
   ExpandableSection,
   Field,
@@ -393,11 +443,25 @@ export {
   PageHeader,
   PillSegmentedTabs,
   PlanBadge,
+  Popover,
+  PopoverAnchor,
+  PopoverContent,
+  PopoverTrigger,
   QuestionArtifactView,
   ResourceCard,
   STUDIO_NAV_MODE,
   SearchInput,
   Section,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
   SessionProvider,
   SettingsSection,
   SettingsSectionHeader,

package/dist/studio.cjs

@@ -3993,6 +3993,7 @@ var Thread = ({
   maxWidth: maxWidthProp,
   welcome,
   suggestions,
+  showWelcomeSuggestions,
   composerPlaceholder,
   components,
   artifacts,
@@ -4041,6 +4042,7 @@ var Thread = ({
                   {
                     config: welcome,
                     suggestions,
+                    showWelcomeSuggestions,
                     Suggestions: SuggestionsSlot
                   }
                 ),
@@ -4121,10 +4123,12 @@ var welcomeIcon = {
 var ThreadWelcome = ({
   config,
   suggestions,
+  showWelcomeSuggestions: showWelcomeSuggestionsProp,
   Suggestions: SuggestionsSlot = Suggestions
 }) => {
   const isEmpty = (0, import_react30.useThread)((s) => s.messages.length === 0);
   const isPanel = useThreadVariant() === "panel";
+  const showWelcomeSuggestions = showWelcomeSuggestionsProp ?? !isPanel;
   if (!isEmpty) return null;
   const defaultHeading = isPanel ? "Ask about this page" : "How can I help you today?";
   const defaultSubheading = isPanel ? "The assistant can use dashboard context from your app." : "Send a message to start a conversation.";
@@ -4163,7 +4167,7 @@ var ThreadWelcome = ({
         ]
       }
     ) }),
-    suggestions && !isPanel ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "aui-thread-welcome-suggestions mx-auto w-full max-w-(--thread-max-width) px-2", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SuggestionsSlot, { suggestions }) }) : null
+    showWelcomeSuggestions && suggestions ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "aui-thread-welcome-suggestions mx-auto w-full max-w-(--thread-max-width) px-2", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SuggestionsSlot, { suggestions }) }) : null
   ] });
 };
 var MessageError = () => {

package/dist/studio.d.cts

@@ -1,6 +1,6 @@
-export { M as ModeToggle, a as ModeToggleProps, b as ModeToggleTheme, S as STUDIO_NAV_MODE, c as StudioModeSwitch, d as StudioModeSwitchProps, e as StudioNavMode, f as StudioSidebar, g as StudioSidebarProps, h as StudioWelcome, i as StudioWelcomeProps, T as TimbalChatShell, j as TimbalChatShellProps, k as TimbalMark, l as TimbalMarkProps, m as TimbalStudioShell, n as TimbalStudioShellProps } from './welcome-C89Mgdaw.cjs';
+export { M as ModeToggle, a as ModeToggleProps, b as ModeToggleTheme, S as STUDIO_NAV_MODE, c as StudioModeSwitch, d as StudioModeSwitchProps, e as StudioNavMode, f as StudioSidebar, g as StudioSidebarProps, h as StudioWelcome, i as StudioWelcomeProps, T as TimbalChatShell, j as TimbalChatShellProps, k as TimbalMark, l as TimbalMarkProps, m as TimbalStudioShell, n as TimbalStudioShellProps } from './welcome-COOb05a5.cjs';
 import { FC } from 'react';
-import './chat-CWtQWDtJ.cjs';
+import './chat-Bed4FQSl.cjs';
 import 'react/jsx-runtime';
 import '@assistant-ui/react';
 import '@timbal-ai/timbal-sdk';

package/dist/studio.d.ts

@@ -1,6 +1,6 @@
-export { M as ModeToggle, a as ModeToggleProps, b as ModeToggleTheme, S as STUDIO_NAV_MODE, c as StudioModeSwitch, d as StudioModeSwitchProps, e as StudioNavMode, f as StudioSidebar, g as StudioSidebarProps, h as StudioWelcome, i as StudioWelcomeProps, T as TimbalChatShell, j as TimbalChatShellProps, k as TimbalMark, l as TimbalMarkProps, m as TimbalStudioShell, n as TimbalStudioShellProps } from './welcome-BBmB3tl7.js';
+export { M as ModeToggle, a as ModeToggleProps, b as ModeToggleTheme, S as STUDIO_NAV_MODE, c as StudioModeSwitch, d as StudioModeSwitchProps, e as StudioNavMode, f as StudioSidebar, g as StudioSidebarProps, h as StudioWelcome, i as StudioWelcomeProps, T as TimbalChatShell, j as TimbalChatShellProps, k as TimbalMark, l as TimbalMarkProps, m as TimbalStudioShell, n as TimbalStudioShellProps } from './welcome-DE08m9ca.js';
 import { FC } from 'react';
-import './chat-CWtQWDtJ.js';
+import './chat-Bed4FQSl.js';
 import 'react/jsx-runtime';
 import '@assistant-ui/react';
 import '@timbal-ai/timbal-sdk';

package/dist/studio.esm.js

@@ -8,12 +8,12 @@ import {
   TimbalChatShell,
   TimbalMark,
   TimbalStudioShell
-} from "./chunk-7O5VY3TP.esm.js";
+} from "./chunk-4AO3HCAR.esm.js";
 import "./chunk-Z27GBSOT.esm.js";
-import "./chunk-N3PYVTY5.esm.js";
-import "./chunk-TLUF2RUL.esm.js";
-import "./chunk-TDIJHV4I.esm.js";
-import "./chunk-2XZ3S4OP.esm.js";
+import "./chunk-ZG5NBHOS.esm.js";
+import "./chunk-VVTTLIGT.esm.js";
+import "./chunk-YNDXBN6C.esm.js";
+import "./chunk-QKO67F4V.esm.js";
 export {
   ModeToggle,
   STUDIO_NAV_MODE,

package/dist/styles.css

@@ -58,9 +58,11 @@
 
   /* Timbal extension tokens — keep light + dark in sync below */
 
-  /* Elevated surface gradient (cards, sidebar panel, secondary chrome). */
+  /* Elevated surface gradient (cards, sidebar panel, secondary chrome).
+     Opaque stops — keeps the signature vertical gradient with no alpha
+     bleed-through, so whatever sits behind the surface never shows through. */
   --elevated-from: oklch(1 0 0);
-  --elevated-to: oklch(0.985 0.002 260 / 0.7);
+  --elevated-to: oklch(0.985 0.002 260);
 
   /* Opaque modal/dialog gradient — same hue as elevated, no alpha bleed-through. */
   --modal-from: oklch(1 0 0);
@@ -181,8 +183,10 @@
   --sidebar-border: oklch(1 0 0 / 0.10);
   --sidebar-ring: oklch(0.55 0.01 260);
 
-  --elevated-from: oklch(1 0 0 / 0.05);
-  --elevated-to: oklch(1 0 0 / 0.025);
+  /* Opaque equivalents of the translucent white wash — preserves the elevated
+     gradient look while keeping the surface fully opaque (no bleed-through). */
+  --elevated-from: oklch(0.205 0.004 260);
+  --elevated-to: oklch(0.185 0.004 260);
 
   --modal-from: oklch(0.22 0.005 260);
   --modal-to: oklch(0.19 0.005 260);