@mastra/playground-ui 60.0.0 → 60.1.0-alpha.0

package/dist/{span-payload-primitives-CEflnpwW.js.map → span-payload-primitives-DL1Kr0cu.js.map}

@@ -1 +1 @@
-{"version":3,"file":"span-payload-primitives-CEflnpwW.js","sources":["../src/domains/traces/components/span-payload/span-payload-tool.tsx","../src/domains/traces/components/span-payload/span-payload-primitives.tsx"],"sourcesContent":["import { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadField, SpanPayloadLabel } from './span-payload-primitives';\nimport { BadgeWrapper } from '@/domains/chat/components/badge-wrapper';\nimport { ActivityHeadline } from '@/ds/components/ai/activity';\nimport { presentTool } from '@/ds/components/ai/tool-call/tool-presentation';\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\nexport function SpanPayloadTool({ value, showLabel = true }: { value: unknown; showLabel?: boolean }) {\n  if (!isRecord(value)) return <SpanPayloadJson value={value} />;\n  const call = value.type === 'tool-invocation' ? value.toolInvocation : value;\n  if (!isRecord(call) || typeof call.toolName !== 'string' || !call.toolName) {\n    return <SpanPayloadJson value={value} />;\n  }\n  const input = 'args' in call ? call.args : call.input;\n  const output = 'result' in call ? call.result : call.output;\n  const error = call.isError === true || call.state === 'output-error';\n  const errorText = typeof call.errorText === 'string' ? call.errorText : undefined;\n  const { icon: ToolIcon, label, detail, description } = presentTool(call.toolName, input);\n  const hasBody = input !== undefined || output !== undefined || errorText !== undefined;\n  return (\n    <div data-slot=\"span-payload-tool\" className=\"flex flex-col gap-2\">\n      {showLabel && <SpanPayloadLabel>{value.type === 'tool-result' ? 'Tool result' : 'Tool call'}</SpanPayloadLabel>}\n      <BadgeWrapper\n        status={error ? 'error' : 'idle'}\n        header={\n          <ActivityHeadline icon={<ToolIcon aria-hidden />} label={label} detail={detail} description={description} />\n        }\n      >\n        {hasBody && (\n          <div className=\"flex flex-col gap-3\">\n            {input !== undefined && (\n              <SpanPayloadField label=\"Arguments\">\n                <SpanPayloadJson value={input} />\n              </SpanPayloadField>\n            )}\n            {output !== undefined && (\n              <SpanPayloadField label=\"Result\">\n                <SpanPayloadJson value={output} />\n              </SpanPayloadField>\n            )}\n            {errorText !== undefined && (\n              <SpanPayloadField label=\"Error\">\n                <SpanPayloadJson value={errorText} />\n              </SpanPayloadField>\n            )}\n          </div>\n        )}\n      </BadgeWrapper>\n    </div>\n  );\n}\n","import { ChevronRightIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { SpanPayloadTool } from './span-payload-tool';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\n\n/** Small-caps label above a field of a rich payload. */\nexport function SpanPayloadLabel({ children }: { children: ReactNode }) {\n  return <div className=\"text-meta tracking-widest text-placeholder uppercase\">{children}</div>;\n}\n\nexport function SpanPayloadField({ label, children }: { label: ReactNode; children: ReactNode }) {\n  return (\n    <div data-slot=\"span-payload-field\" className=\"flex flex-col gap-1.5\">\n      <SpanPayloadLabel>{label}</SpanPayloadLabel>\n      {children}\n    </div>\n  );\n}\n\nexport function SpanPayloadMarkdown({ children }: { children: string }) {\n  return (\n    <div data-slot=\"span-payload-markdown\" className=\"text-body text-foreground\">\n      <MarkdownRenderer>{children}</MarkdownRenderer>\n    </div>\n  );\n}\n\n/** A collapsed block for secondary data (reasoning, steps, warnings…). */\nexport function SpanPayloadCollapsible({\n  label,\n  children,\n  defaultOpen = false,\n}: {\n  label: ReactNode;\n  children: ReactNode;\n  defaultOpen?: boolean;\n}) {\n  return (\n    <Collapsible defaultOpen={defaultOpen}>\n      <CollapsibleTrigger className=\"flex items-center gap-1 text-meta tracking-widest text-placeholder uppercase [&>svg]:size-3\">\n        <ChevronRightIcon />\n        {label}\n      </CollapsibleTrigger>\n      <CollapsibleContent className=\"pt-1.5\">{children}</CollapsibleContent>\n    </Collapsible>\n  );\n}\n\n/** Tool calls as core records them: `{ toolName, args | input }` when they have that shape, JSON otherwise. */\nexport function SpanPayloadToolCalls({ toolCalls }: { toolCalls: unknown[] }) {\n  return (\n    <ul data-slot=\"span-payload-tool-calls\" className=\"flex flex-col gap-2\">\n      {toolCalls.map((call, index) => (\n        <li key={index}>\n          <SpanPayloadTool value={call} showLabel={false} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"span-payload-primitives-DL1Kr0cu.js","sources":["../src/domains/traces/components/span-payload/span-payload-tool.tsx","../src/domains/traces/components/span-payload/span-payload-primitives.tsx"],"sourcesContent":["import { SpanPayloadJson } from './span-payload-json';\nimport { SpanPayloadField, SpanPayloadLabel } from './span-payload-primitives';\nimport { BadgeWrapper } from '@/domains/chat/components/badge-wrapper';\nimport { ActivityHeadline } from '@/ds/components/ai/activity';\nimport { presentTool } from '@/ds/components/ai/tool-call/tool-presentation';\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\nexport function SpanPayloadTool({ value, showLabel = true }: { value: unknown; showLabel?: boolean }) {\n  if (!isRecord(value)) return <SpanPayloadJson value={value} />;\n  const call = value.type === 'tool-invocation' ? value.toolInvocation : value;\n  if (!isRecord(call) || typeof call.toolName !== 'string' || !call.toolName) {\n    return <SpanPayloadJson value={value} />;\n  }\n  const input = 'args' in call ? call.args : call.input;\n  const output = 'result' in call ? call.result : call.output;\n  const error = call.isError === true || call.state === 'output-error';\n  const errorText = typeof call.errorText === 'string' ? call.errorText : undefined;\n  const { icon: ToolIcon, label, detail, description } = presentTool(call.toolName, input);\n  const hasBody = input !== undefined || output !== undefined || errorText !== undefined;\n  return (\n    <div data-slot=\"span-payload-tool\" className=\"flex flex-col gap-2\">\n      {showLabel && <SpanPayloadLabel>{value.type === 'tool-result' ? 'Tool result' : 'Tool call'}</SpanPayloadLabel>}\n      <BadgeWrapper\n        status={error ? 'error' : 'idle'}\n        header={\n          <ActivityHeadline icon={<ToolIcon aria-hidden />} label={label} detail={detail} description={description} />\n        }\n      >\n        {hasBody && (\n          <div className=\"flex flex-col gap-3\">\n            {input !== undefined && (\n              <SpanPayloadField label=\"Arguments\">\n                <SpanPayloadJson value={input} />\n              </SpanPayloadField>\n            )}\n            {output !== undefined && (\n              <SpanPayloadField label=\"Result\">\n                <SpanPayloadJson value={output} />\n              </SpanPayloadField>\n            )}\n            {errorText !== undefined && (\n              <SpanPayloadField label=\"Error\">\n                <SpanPayloadJson value={errorText} />\n              </SpanPayloadField>\n            )}\n          </div>\n        )}\n      </BadgeWrapper>\n    </div>\n  );\n}\n","import { ChevronRightIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { SpanPayloadTool } from './span-payload-tool';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\n\n/** Small-caps label above a field of a rich payload. */\nexport function SpanPayloadLabel({ children }: { children: ReactNode }) {\n  return <div className=\"text-meta tracking-widest text-placeholder uppercase\">{children}</div>;\n}\n\nexport function SpanPayloadField({ label, children }: { label: ReactNode; children: ReactNode }) {\n  return (\n    <div data-slot=\"span-payload-field\" className=\"flex flex-col gap-1.5\">\n      <SpanPayloadLabel>{label}</SpanPayloadLabel>\n      {children}\n    </div>\n  );\n}\n\nexport function SpanPayloadMarkdown({ children }: { children: string }) {\n  return (\n    <div data-slot=\"span-payload-markdown\" className=\"text-body text-foreground\">\n      <MarkdownRenderer>{children}</MarkdownRenderer>\n    </div>\n  );\n}\n\n/** A collapsed block for secondary data (reasoning, steps, warnings…). */\nexport function SpanPayloadCollapsible({\n  label,\n  children,\n  defaultOpen = false,\n}: {\n  label: ReactNode;\n  children: ReactNode;\n  defaultOpen?: boolean;\n}) {\n  return (\n    <Collapsible defaultOpen={defaultOpen}>\n      <CollapsibleTrigger className=\"flex items-center gap-1 text-meta tracking-widest text-placeholder uppercase [&>svg]:size-3\">\n        <ChevronRightIcon />\n        {label}\n      </CollapsibleTrigger>\n      <CollapsibleContent className=\"pt-1.5\">{children}</CollapsibleContent>\n    </Collapsible>\n  );\n}\n\n/** Tool calls as core records them: `{ toolName, args | input }` when they have that shape, JSON otherwise. */\nexport function SpanPayloadToolCalls({ toolCalls }: { toolCalls: unknown[] }) {\n  return (\n    <ul data-slot=\"span-payload-tool-calls\" className=\"flex flex-col gap-2\">\n      {toolCalls.map((call, index) => (\n        <li key={index}>\n          <SpanPayloadTool value={call} showLabel={false} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/src/domains/chat/tools/tool-card-kind.d.ts

@@ -22,4 +22,6 @@ export declare const codeModeCall: (input: unknown, output: unknown) => {
 } | null;
 /** Approval and suspension land keyed by tool name on older runs and by call id on newer ones. */
 export declare function toolInteraction(metadata: MessageMetadata | undefined, toolName: string, toolCallId: string): ToolInteraction;
+/** Tools the transcript never draws: working memory updates and task tools (shown in the docked task list). */
+export declare function isHiddenTool(toolName: string): boolean;
 export declare function toolCardKind({ toolName, toolCallId, input, output }: ToolPartFields, { metadata, mcpAppTools }: ToolCardContext): ToolCardKind;

package/dist/src/domains/metrics/components/metrics-utils.d.ts

@@ -12,5 +12,5 @@ export declare const CHART_COLORS: {
     readonly blue: "var(--chart-blue)";
     readonly blueDark: "var(--chart-blue-deep)";
     readonly red: "var(--chart-red)";
-    readonly yellow: "var(--chart-yellow)";
+    readonly amber: "var(--chart-amber)";
 };

package/dist/src/domains/traces/components/trace-data-panel-view.stories.d.ts

@@ -68,6 +68,8 @@ declare const meta: {
             entityType?: ("memory" | "agent" | "scorer" | "tool" | "workflow_run" | "workflow_step" | "mcp_server" | "input_processor" | "input_step_processor" | "output_processor" | "output_step_processor" | "tool_result_processor" | "rag_ingestion" | "trajectory") | null | undefined;
             entityId?: (string | null) | undefined | undefined;
             entityName?: (string | null) | undefined | undefined;
+            threadId?: ((string | null) | undefined) | null | undefined;
+            resourceId?: ((string | null) | undefined) | null | undefined;
             metadata?: {
                 [x: string]: unknown;
             } | null | undefined;

package/dist/src/domains/traces/hooks/use-trace-query.d.ts

@@ -36,7 +36,7 @@ export declare function selectTraceQueryTraces(data: {
     pages: TraceQueryKeysetTraceResponse[];
 }): TraceQueryTrace[];
 /** Maps a legacy light root span to a trace-query row. The light record carries no
- *  thread/resource/environment, so those stay null. Running spans have no `endedAt` and may carry a
+ *  environment, so it stays null. Running spans have no `endedAt` and may carry a
  *  status outside the query API's enum; both are kept as-is (the list view handles them), hence the
  *  assertion at this compatibility boundary. */
 export declare function lightSpanToTraceQueryTrace(span: LightSpanRecord): TraceQueryTrace;

package/dist/src/ds/components/Badge/Badge.d.ts

@@ -43,9 +43,9 @@ declare const badgeToneStyles: {
         subtle: string;
     };
     destructive: {
-        indicator: string;
         strong: string;
         subtle: string;
+        indicator: string;
     };
     info: {
         indicator: string;
@@ -53,9 +53,9 @@ declare const badgeToneStyles: {
         subtle: string;
     };
     warning: {
-        indicator: string;
         strong: string;
         subtle: string;
+        indicator: string;
     };
     green: {
         strong: string;
@@ -67,7 +67,7 @@ declare const badgeToneStyles: {
         subtle: string;
         indicator: string;
     };
-    yellow: {
+    amber: {
         strong: string;
         subtle: string;
         indicator: string;

package/dist/src/ds/components/ButtonsGroup/buttons-group.d.ts

@@ -9,6 +9,7 @@ export type ButtonsGroupProps = React.ComponentPropsWithoutRef<'div'> & {
      */
     size?: ControlSize;
 };
+/** Joins related actions into one pill. To pick one of several options, use `SegmentedControl` instead. */
 export declare const ButtonsGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     orientation?: Orientation;
     /**

package/dist/src/ds/components/ButtonsGroup/buttons-group.stories.d.ts

@@ -14,12 +14,6 @@ export declare const Default: Story;
  * it also picks the square shape — the rung part of it is overridden here.
  */
 export declare const Sizes: Story;
-/**
- * A segmented view toggle: the selected segment is `default` (filled), the rest are `ghost`.
- * The group draws one continuous ring whether or not a segment is filled, and the seam between
- * two segments is a single pixel — never two stacked borders.
- */
-export declare const AsSegmentedControl: Story;
 /**
  * A split button: a primary action joined to a chevron that opens a real menu of related
  * actions. The chevron is a `DropdownMenu.Trigger asChild`, so it stays a real `Button` and

package/dist/src/ds/components/CollapsibleBox/collapsible-box.d.ts

@@ -0,0 +1,10 @@
+import { ComponentProps } from 'react';
+import { CollapsibleBoxState } from './use-collapsible-box';
+export interface CollapsibleBoxProps extends ComponentProps<'div'> {
+    state: CollapsibleBoxState;
+}
+/**
+ * Clips its content to `state.collapsedHeight` and fades the bottom when it overflows.
+ * The overflow is measured on the rendered content, so it tracks resizes and late content.
+ */
+export declare function CollapsibleBox({ state, children, className, style, ...props }: CollapsibleBoxProps): import("react").JSX.Element;

package/dist/src/ds/components/CollapsibleBox/collapsible-box.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+declare function Demo({ paragraphs, collapsedHeight }: {
+    paragraphs: number;
+    collapsedHeight?: number;
+}): import("react").JSX.Element;
+declare const meta: Meta<typeof Demo>;
+export default meta;
+type Story = StoryObj<typeof Demo>;
+export declare const Overflowing: Story;
+export declare const Fits: Story;
+export declare const CustomHeight: Story;

package/dist/src/ds/components/CollapsibleBox/index.d.ts

@@ -0,0 +1,2 @@
+export * from './collapsible-box';
+export * from './use-collapsible-box';

package/dist/src/ds/components/CollapsibleBox/use-collapsible-box.d.ts

@@ -0,0 +1,14 @@
+export declare const DEFAULT_COLLAPSED_HEIGHT = 220;
+export interface CollapsibleBoxState {
+    collapsedHeight: number;
+    isExpanded: boolean;
+    /** Whether the rendered content overflows the collapsed height (measured, not estimated). */
+    isClipped: boolean;
+    setClipped: (clipped: boolean) => void;
+    setExpanded: (expanded: boolean) => void;
+    toggleExpanded: () => void;
+}
+/** State for a `CollapsibleBox`. Keep it next to your own expand control, which can live anywhere. */
+export declare function useCollapsibleBox({ collapsedHeight, }?: {
+    collapsedHeight?: number;
+}): CollapsibleBoxState;

package/dist/src/ds/components/Combobox/combobox-styles.d.ts

@@ -71,5 +71,5 @@ export declare const comboboxStyles: {
     /** Option end slot — `ml-auto` makes it push right inside flex containers (used by multi-select). */
     readonly optionEnd: "ml-auto flex items-center shrink-0";
     /** Error message */
-    readonly error: "text-caption text-destructive-indicator";
+    readonly error: "text-caption text-destructive-foreground";
 };

package/dist/src/ds/components/SegmentedControl/index.d.ts

@@ -0,0 +1 @@
+export * from './segmented-control';

package/dist/src/ds/components/SegmentedControl/segmented-control.d.ts

@@ -0,0 +1,38 @@
+import { Radio as RadioPrimitive } from '@base-ui/react/radio';
+import { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';
+import { ControlSize } from '../../primitives/control-size';
+import * as React from 'react';
+type RadioGroupPassthroughProps = Omit<RadioGroupPrimitive.Props, 'value' | 'defaultValue' | 'onValueChange' | 'onChange' | 'className' | 'children' | 'aria-label'>;
+export type SegmentedControlProps<T extends string = string> = RadioGroupPassthroughProps & {
+    value: T;
+    onValueChange: (value: T) => void;
+    /** Accessible name of the group. */
+    'aria-label': string;
+    /** The track's outer height matches the control rung, so it lines up with a Button or Select in the same row. */
+    size?: ControlSize;
+    /** Every item is a circle holding only an icon; each item then needs its own `aria-label`. */
+    iconOnly?: boolean;
+    className?: string;
+    children: React.ReactNode;
+};
+/**
+ * A single choice between a few short options, all visible at once. A radio group underneath:
+ * one tab stop, arrow keys move the selection. The selected item is marked by a thumb that
+ * slides between items, so items keep their natural width.
+ *
+ * ```tsx
+ * <SegmentedControl aria-label="Permission" value={policy} onValueChange={setPolicy}>
+ *   <SegmentedControlItem value="allow">Allow</SegmentedControlItem>
+ *   <SegmentedControlItem value="ask">Ask</SegmentedControlItem>
+ * </SegmentedControl>
+ * ```
+ */
+export declare function SegmentedControl<T extends string = string>({ value, onValueChange, 'aria-label': ariaLabel, size, iconOnly, className, children, ...props }: SegmentedControlProps<T>): React.JSX.Element;
+export type SegmentedControlItemProps = Omit<RadioPrimitive.Root.Props, 'className' | 'value' | 'children'> & {
+    value: string;
+    /** Text, an icon and text, or only an icon when the control is `iconOnly`. */
+    children: React.ReactNode;
+    className?: string;
+};
+export declare function SegmentedControlItem({ value, disabled, className, children, ref, ...props }: SegmentedControlItemProps): React.JSX.Element;
+export {};

package/dist/src/ds/components/SegmentedControl/segmented-control.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { SegmentedControl } from './segmented-control';
+declare const meta: Meta<typeof SegmentedControl>;
+export default meta;
+type Story = StoryObj<typeof SegmentedControl>;
+export declare const Default: Story;
+export declare const Text: Story;
+export declare const IconOnly: Story;
+export declare const IconAndText: Story;
+export declare const Sizes: Story;
+export declare const Disabled: Story;

package/dist/src/ds/components/ThemeToggle/theme-toggle.d.ts

@@ -1,36 +1,11 @@
-import { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';
+import { SegmentedControlProps } from '../SegmentedControl';
 import { Theme } from '../ThemeProvider/theme-context';
+import { ControlSize } from '../../primitives/control-size';
 export interface ThemeToggleOption {
     value: Theme;
     label: string;
     icon: React.ReactNode;
 }
-declare const SIZE_CONFIG: {
-    readonly md: {
-        readonly itemGap: 2;
-        readonly itemWidth: 28;
-        readonly root: "gap-0.5 p-0.5";
-        readonly indicator: "inset-y-0.5 left-0.5";
-        readonly item: "h-6 [&_svg]:size-3.5";
-    };
-    readonly xs: {
-        readonly itemGap: 1;
-        readonly itemWidth: 20;
-        readonly root: "gap-px p-px";
-        readonly indicator: "inset-y-px left-px";
-        readonly item: "h-4 [&_svg]:size-icon-xs";
-    };
-    readonly sm: {
-        readonly itemGap: 1;
-        readonly itemWidth: 24;
-        readonly root: "gap-px p-px";
-        readonly indicator: "inset-y-px left-px";
-        readonly item: "h-5 [&_svg]:size-icon-xs";
-    };
-};
-type RadioRootProps = Omit<RadioGroupPrimitive.Props, 'value' | 'onChange' | 'onValueChange' | 'defaultValue' | 'className'> & {
-    className?: string;
-};
 type ControlledProps = {
     value: Theme;
     onChange: (next: Theme) => void;
@@ -39,9 +14,16 @@ type UncontrolledProps = {
     value?: undefined;
     onChange?: undefined;
 };
-export type ThemeToggleProps = RadioRootProps & {
+type ThemeToggleGroupProps = Omit<SegmentedControlProps<Theme>, 'value' | 'onValueChange' | 'onChange' | 'aria-label' | 'size' | 'iconOnly' | 'children'>;
+export type ThemeToggleProps = ThemeToggleGroupProps & {
     options?: ReadonlyArray<ThemeToggleOption>;
-    size?: keyof typeof SIZE_CONFIG;
+    /**
+     * Control rung, shared with Button and Select. `xs` is deprecated: the control can no longer
+     * be shorter than the smallest rung, so it renders as `sm`.
+     */
+    size?: ControlSize | 'xs';
+    'aria-label'?: string;
 } & (ControlledProps | UncontrolledProps);
-export declare const ThemeToggle: ({ value, onChange, options, size, className, "aria-label": ariaLabel, ...rest }: ThemeToggleProps) => import("react").JSX.Element;
+/** Icon-only `SegmentedControl` bound to the active theme, or to `value`/`onChange` when controlled. */
+export declare const ThemeToggle: ({ value, onChange, options, size, "aria-label": ariaLabel, ...groupProps }: ThemeToggleProps) => import("react").JSX.Element;
 export {};

package/dist/src/ds/components/ThemeToggle/theme-toggle.stories.d.ts

@@ -4,7 +4,6 @@ declare const meta: Meta<typeof ThemeToggle>;
 export default meta;
 type Story = StoryObj<typeof ThemeToggle>;
 export declare const Default: Story;
-export declare const ExtraSmall: Story;
 export declare const Small: Story;
 export declare const Sizes: Story;
 export declare const Controlled: Story;

package/dist/src/ds/components/TokenBudget/tones.d.ts

@@ -1,6 +1,6 @@
 export declare const toneClass: {
     readonly messages: "text-chart-blue";
     readonly memory: "text-chart-purple";
-    readonly warning: "text-warning-indicator";
+    readonly warning: "text-warning-foreground";
 };
 export type TokenBudgetTone = keyof typeof toneClass;

package/dist/src/ds/components/Workflow/cards/workflow-card-badge-utils.d.ts

@@ -7,10 +7,10 @@ export declare const BADGE_COLORS: {
     readonly suspend: "var(--badge-pink-indicator)";
     readonly after: "var(--badge-cyan-indicator)";
     readonly workflow: "var(--badge-purple-indicator)";
-    readonly when: "var(--badge-yellow-indicator)";
+    readonly when: "var(--badge-amber-indicator)";
     readonly dountil: "var(--badge-purple-indicator)";
     readonly dowhile: "var(--badge-cyan-indicator)";
-    readonly until: "var(--badge-yellow-indicator)";
+    readonly until: "var(--badge-amber-indicator)";
     readonly while: "var(--badge-green-indicator)";
     readonly if: "var(--badge-blue-indicator)";
     readonly else: "var(--muted-foreground)";

package/dist/src/ds/components/ai/plan/plan.d.ts

@@ -35,7 +35,7 @@ export declare function PlanMain({ children, className, ...props }: PlanMainProp
 export interface PlanContentProps extends Omit<ComponentProps<'div'>, 'children'> {
     children: string;
 }
-export declare function PlanContent({ children, className, style, ...props }: PlanContentProps): import("react").JSX.Element;
+export declare function PlanContent({ children, ...props }: PlanContentProps): import("react").JSX.Element;
 export interface PlanFileProps extends Omit<ComponentProps<'div'>, 'children'> {
     children: string;
 }

package/dist/src/ds/tokens/colors.d.ts

@@ -1,7 +1,7 @@
 export declare const Colors: {
     'chart-blue': string;
     'chart-blue-deep': string;
-    'chart-yellow': string;
+    'chart-amber': string;
     'chart-green': string;
     'chart-purple': string;
     'chart-orange': string;
@@ -68,28 +68,28 @@ export declare const Colors: {
     'orange-soft-800': string;
     'orange-soft-900': string;
     'orange-soft-950': string;
-    'yellow-50': string;
-    'yellow-100': string;
-    'yellow-200': string;
-    'yellow-300': string;
-    'yellow-400': string;
-    'yellow-500': string;
-    'yellow-600': string;
-    'yellow-700': string;
-    'yellow-800': string;
-    'yellow-900': string;
-    'yellow-950': string;
-    'yellow-soft-50': string;
-    'yellow-soft-100': string;
-    'yellow-soft-200': string;
-    'yellow-soft-300': string;
-    'yellow-soft-400': string;
-    'yellow-soft-500': string;
-    'yellow-soft-600': string;
-    'yellow-soft-700': string;
-    'yellow-soft-800': string;
-    'yellow-soft-900': string;
-    'yellow-soft-950': string;
+    'amber-50': string;
+    'amber-100': string;
+    'amber-200': string;
+    'amber-300': string;
+    'amber-400': string;
+    'amber-500': string;
+    'amber-600': string;
+    'amber-700': string;
+    'amber-800': string;
+    'amber-900': string;
+    'amber-950': string;
+    'amber-soft-50': string;
+    'amber-soft-100': string;
+    'amber-soft-200': string;
+    'amber-soft-300': string;
+    'amber-soft-400': string;
+    'amber-soft-500': string;
+    'amber-soft-600': string;
+    'amber-soft-700': string;
+    'amber-soft-800': string;
+    'amber-soft-900': string;
+    'amber-soft-950': string;
     'cyan-50': string;
     'cyan-100': string;
     'cyan-200': string;
@@ -184,8 +184,8 @@ export declare const Colors: {
     'badge-red-foreground': string;
     'badge-blue-indicator': string;
     'badge-blue-foreground': string;
-    'badge-yellow-indicator': string;
-    'badge-yellow-foreground': string;
+    'badge-amber-indicator': string;
+    'badge-amber-foreground': string;
     'brand-green': string;
     'brand-green-indicator': string;
     'brand-orange': string;
@@ -198,11 +198,13 @@ export declare const Colors: {
     'destructive-subtle-active': string;
     'destructive-edge': string;
     'destructive-indicator': string;
+    'destructive-foreground': string;
     'destructive-bright': string;
     'destructive-subtle-foreground': string;
     'warning-subtle': string;
     'warning-edge': string;
     'warning-indicator': string;
+    'warning-foreground': string;
     'warning-bright': string;
     'warning-subtle-foreground': string;
     'success-subtle': string;
@@ -256,6 +258,7 @@ export declare const Colors: {
     'fill-destructive-hover': string;
     'fill-destructive-active': string;
     'fill-destructive-disabled': string;
+    'fill-destructive-disabled-foreground': string;
     'fill-destructive-foreground': string;
     muted: string;
     foreground: string;
@@ -271,9 +274,9 @@ export declare const Colors: {
     'badge-blue-strong': string;
     'badge-blue-subtle': string;
     'badge-blue-edge': string;
-    'badge-yellow-strong': string;
-    'badge-yellow-subtle': string;
-    'badge-yellow-edge': string;
+    'badge-amber-strong': string;
+    'badge-amber-subtle': string;
+    'badge-amber-edge': string;
     'badge-purple-strong': string;
     'badge-purple-subtle': string;
     'badge-purple-edge': string;

package/dist/src/lib/colors.d.ts

@@ -1,4 +1,4 @@
-export declare const categoricalHues: readonly ["blue", "green", "orange", "purple", "pink", "yellow", "cyan"];
+export declare const categoricalHues: readonly ["blue", "green", "orange", "purple", "pink", "amber", "cyan"];
 export type CategoricalHue = (typeof categoricalHues)[number];
 export declare function hashLabel(value: string): number;
 export declare const hueForName: (name: string) => CategoricalHue;