@flickfyi/flkr 0.0.182 → 0.0.185

package/node_modules/@flickfyi/core/examples/kowalski/time-since/time-since.stories.tsx

@@ -0,0 +1,33 @@
+import { TimeSinceData } from '@flickfyi/core/kowalski/catalog'
+import type { Meta } from '@storybook/react-vite'
+
+import { type ExampleStory, schemaArgTypes } from '@flickfyi/core/examples/metadata'
+
+import TimeSinceExample from './time-since'
+import exampleSource from './time-since.tsx?raw'
+
+// Storybook also supplies catalog metadata args; only content belongs in data.
+const storyProps = TimeSinceData.strip().transform(data => ({ data }))
+
+const meta = {
+	argTypes: schemaArgTypes(TimeSinceData),
+	args: {
+		action: 'Give pill',
+		label: 'Pill timer',
+		subject: 'pill',
+		title: 'Winnie',
+	},
+	parameters: { docs: { source: { code: exampleSource, language: 'tsx' } } },
+	render: args => <TimeSinceExample {...storyProps.parse(args)} />,
+	title: 'Kowalski/Time since',
+} satisfies Meta<TimeSinceData>
+
+export default meta
+export const Example: ExampleStory<typeof meta> = {
+	args: {
+		description:
+			'How long since something last happened, with one big button to update it. Shows the time since ("4 hours ago") and when it last happened. Can be shared or personal. For medication and pill logs, pet feeding or walks, watering plants, last haircut or oil change, and "days since" trackers.',
+		enabled: true,
+		name: 'Time since',
+	},
+}

package/node_modules/@flickfyi/core/examples/kowalski/time-since/time-since.tsx

@@ -0,0 +1,12 @@
+import { useTheme } from '@flickfyi/core'
+import { theme } from '@flickfyi/core/examples/kowalski/theme'
+import { TimeSince, type TimeSinceProps } from '@flickfyi/core/kowalski'
+
+export default function TimeSinceExample({
+	data,
+	style,
+}: Pick<TimeSinceProps, 'data' | 'style'>) {
+	useTheme(theme)
+
+	return <TimeSince data={data} style={style} />
+}

package/node_modules/@flickfyi/core/examples/kowalski/time-zone/time-zone.stories.tsx

@@ -1,15 +1,31 @@
-import type { Meta, StoryObj } from '@storybook/react-vite'
+import { TimeZoneData } from '@flickfyi/core/kowalski/catalog'
+import type { Meta } from '@storybook/react-vite'
+import type { z } from 'zod/v4'
+
+import { type ExampleStory, schemaArgTypes } from '@flickfyi/core/examples/metadata'
 
 import TimeZoneExample from './time-zone'
 import exampleSource from './time-zone.tsx?raw'
 
+// Keep catalog metadata outside the component's content.
+const storyProps = TimeZoneData.strip().transform(data => ({ data }))
 const meta = {
-	component: TimeZoneExample,
+	argTypes: { ...schemaArgTypes(TimeZoneData), at: { control: 'text' } },
+	args: {
+		title: 'A good time to call',
+		zones: ['America/Los_Angeles', 'America/Chicago', 'America/New_York'],
+	},
 	parameters: { docs: { source: { code: exampleSource, language: 'tsx' } } },
-	title: 'Kowalski/TimeZone',
-} satisfies Meta<typeof TimeZoneExample>
+	render: args => <TimeZoneExample {...storyProps.parse(args)} />,
+	title: 'Kowalski/Time zone',
+} satisfies Meta<z.input<typeof storyProps>>
 
 export default meta
-export const Example: StoryObj<typeof meta> = {
-	args: { enabledForAgents: false },
+export const Example: ExampleStory<typeof meta> = {
+	args: {
+		description:
+			'An instantiatable TimeZone from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
+		enabled: false,
+		name: 'Time zone',
+	},
 }

package/node_modules/@flickfyi/core/examples/kowalski/time-zone/time-zone.tsx

@@ -1,22 +1,11 @@
 import { useTheme } from '@flickfyi/core'
 import { theme } from '@flickfyi/core/examples/kowalski/theme'
-import { TimeZone } from '@flickfyi/core/kowalski'
+import { TimeZone, type TimeZoneProps } from '@flickfyi/core/kowalski'
 
-import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
-
-export default function TimeZoneExample() {
+export default function TimeZoneExample({
+	data,
+	style,
+}: Pick<TimeZoneProps, 'data' | 'style'>) {
 	useTheme(theme)
-
-	return (
-		<TimeZone
-			title="A good time to call"
-			zones={['America/Los_Angeles', 'America/Chicago', 'America/New_York']}
-		/>
-	)
+	return <TimeZone data={data} style={style} />
 }
-
-export const exampleMetadata = {
-	description:
-		'An instantiatable TimeZone from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
-	name: 'TimeZone',
-} satisfies ExampleMetadata

package/node_modules/@flickfyi/core/examples/kowalski/timer/timer.stories.tsx

@@ -1,15 +1,28 @@
-import type { Meta, StoryObj } from '@storybook/react-vite'
+import { TimerData } from '@flickfyi/core/kowalski/catalog'
+import type { Meta } from '@storybook/react-vite'
+import type { z } from 'zod/v4'
+
+import { type ExampleStory, schemaArgTypes } from '@flickfyi/core/examples/metadata'
 
 import TimerExample from './timer'
 import exampleSource from './timer.tsx?raw'
 
+// Keep catalog metadata outside the component's content.
+const storyProps = TimerData.strip().transform(data => ({ data }))
 const meta = {
-	component: TimerExample,
+	argTypes: schemaArgTypes(TimerData),
+	args: { durationSeconds: 1500, mode: 'focus', title: 'A little focus' },
 	parameters: { docs: { source: { code: exampleSource, language: 'tsx' } } },
+	render: args => <TimerExample {...storyProps.parse(args)} />,
 	title: 'Kowalski/Timer',
-} satisfies Meta<typeof TimerExample>
+} satisfies Meta<z.input<typeof storyProps>>
 
 export default meta
-export const Example: StoryObj<typeof meta> = {
-	args: { enabledForAgents: false },
+export const Example: ExampleStory<typeof meta> = {
+	args: {
+		description:
+			'An instantiatable Timer from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
+		enabled: false,
+		name: 'Timer',
+	},
 }

package/node_modules/@flickfyi/core/examples/kowalski/timer/timer.tsx

@@ -1,23 +1,11 @@
 import { useTheme } from '@flickfyi/core'
 import { theme } from '@flickfyi/core/examples/kowalski/theme'
-import { Timer } from '@flickfyi/core/kowalski'
+import { Timer, type TimerProps } from '@flickfyi/core/kowalski'
 
-import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
-
-export default function TimerExample() {
+export default function TimerExample({
+	data,
+	style,
+}: Pick<TimerProps, 'data' | 'style'>) {
 	useTheme(theme)
-
-	return (
-		<Timer
-			durationSeconds={1500}
-			mode="focus"
-			title="A little focus"
-		/>
-	)
+	return <Timer data={data} style={style} />
 }
-
-export const exampleMetadata = {
-	description:
-		'An instantiatable Timer from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
-	name: 'Timer',
-} satisfies ExampleMetadata

package/node_modules/@flickfyi/core/examples/kowalski/trip/trip.stories.tsx

@@ -1,15 +1,35 @@
-import type { Meta, StoryObj } from '@storybook/react-vite'
+import { TripData } from '@flickfyi/core/kowalski/catalog'
+import type { Meta } from '@storybook/react-vite'
+import type { z } from 'zod/v4'
+
+import { type ExampleStory, schemaArgTypes } from '@flickfyi/core/examples/metadata'
 
 import TripExample from './trip'
 import exampleSource from './trip.tsx?raw'
 
+// Keep catalog metadata outside the component's content.
+const storyProps = TripData.strip().transform(data => ({ data }))
 const meta = {
-	component: TripExample,
+	argTypes: schemaArgTypes(TripData),
+	args: {
+		destination: 'Monterey',
+		endDate: '2026-11-08',
+		origin: 'San Francisco',
+		startDate: '2026-11-07',
+		title: 'A weekend away',
+		transport: 'car',
+	},
 	parameters: { docs: { source: { code: exampleSource, language: 'tsx' } } },
+	render: args => <TripExample {...storyProps.parse(args)} />,
 	title: 'Kowalski/Trip',
-} satisfies Meta<typeof TripExample>
+} satisfies Meta<z.input<typeof storyProps>>
 
 export default meta
-export const Example: StoryObj<typeof meta> = {
-	args: { enabledForAgents: false },
+export const Example: ExampleStory<typeof meta> = {
+	args: {
+		description:
+			'An instantiatable Trip from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
+		enabled: false,
+		name: 'Trip',
+	},
 }

package/node_modules/@flickfyi/core/examples/kowalski/trip/trip.tsx

@@ -1,26 +1,8 @@
 import { useTheme } from '@flickfyi/core'
 import { theme } from '@flickfyi/core/examples/kowalski/theme'
-import { Trip } from '@flickfyi/core/kowalski'
+import { Trip, type TripProps } from '@flickfyi/core/kowalski'
 
-import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
-
-export default function TripExample() {
+export default function TripExample({ data, style }: Pick<TripProps, 'data' | 'style'>) {
 	useTheme(theme)
-
-	return (
-		<Trip
-			destination="Monterey"
-			endDate="2026-11-08"
-			origin="San Francisco"
-			startDate="2026-11-07"
-			title="A weekend away"
-			transport="car"
-		/>
-	)
+	return <Trip data={data} style={style} />
 }
-
-export const exampleMetadata = {
-	description:
-		'An instantiatable Trip from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
-	name: 'Trip',
-} satisfies ExampleMetadata

package/node_modules/@flickfyi/core/examples/kowalski/unit-converter/unit-converter.stories.tsx

@@ -1,15 +1,28 @@
-import type { Meta, StoryObj } from '@storybook/react-vite'
+import { UnitConverterData } from '@flickfyi/core/kowalski/catalog'
+import type { Meta } from '@storybook/react-vite'
+import type { z } from 'zod/v4'
+
+import { type ExampleStory, schemaArgTypes } from '@flickfyi/core/examples/metadata'
 
 import UnitConverterExample from './unit-converter'
 import exampleSource from './unit-converter.tsx?raw'
 
+// Keep catalog metadata outside the component's content.
+const storyProps = UnitConverterData.strip().transform(data => ({ data }))
 const meta = {
-	component: UnitConverterExample,
+	argTypes: schemaArgTypes(UnitConverterData),
+	args: { from: 'km', title: 'Miles from home', to: 'mi', value: 10 },
 	parameters: { docs: { source: { code: exampleSource, language: 'tsx' } } },
-	title: 'Kowalski/UnitConverter',
-} satisfies Meta<typeof UnitConverterExample>
+	render: args => <UnitConverterExample {...storyProps.parse(args)} />,
+	title: 'Kowalski/Unit converter',
+} satisfies Meta<z.input<typeof storyProps>>
 
 export default meta
-export const Example: StoryObj<typeof meta> = {
-	args: { enabledForAgents: false },
+export const Example: ExampleStory<typeof meta> = {
+	args: {
+		description:
+			'An instantiatable UnitConverter from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
+		enabled: false,
+		name: 'Unit converter',
+	},
 }

package/node_modules/@flickfyi/core/examples/kowalski/unit-converter/unit-converter.tsx

@@ -1,24 +1,11 @@
 import { useTheme } from '@flickfyi/core'
 import { theme } from '@flickfyi/core/examples/kowalski/theme'
-import { UnitConverter } from '@flickfyi/core/kowalski'
+import { UnitConverter, type UnitConverterProps } from '@flickfyi/core/kowalski'
 
-import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
-
-export default function UnitConverterExample() {
+export default function UnitConverterExample({
+	data,
+	style,
+}: Pick<UnitConverterProps, 'data' | 'style'>) {
 	useTheme(theme)
-
-	return (
-		<UnitConverter
-			from="km"
-			title="Miles from home"
-			to="mi"
-			value={10}
-		/>
-	)
+	return <UnitConverter data={data} style={style} />
 }
-
-export const exampleMetadata = {
-	description:
-		'An instantiatable UnitConverter from Core. Authored UI and standard Quantum persistence; the model supplies typed content only.',
-	name: 'UnitConverter',
-} satisfies ExampleMetadata

package/node_modules/@flickfyi/core/examples/parrott/calculator/calculator.stories.tsx

@@ -1,4 +1,6 @@
-import type { Meta, StoryObj } from '@storybook/react-vite'
+import type { Meta } from '@storybook/react-vite'
+
+import type { ExampleStory } from '@flickfyi/core/examples/metadata'
 
 import { Calculator } from './calculator'
 import exampleSource from './calculator.tsx?raw'
@@ -10,6 +12,11 @@ const meta = {
 } satisfies Meta<typeof Calculator>
 
 export default meta
-export const Example: StoryObj<typeof meta> = {
-	args: { enabledForAgents: true },
+export const Example: ExampleStory<typeof meta> = {
+	args: {
+		description:
+			'A numeric keypad and arithmetic expression display with a result, useful for direct arithmetic input and calculations.',
+		enabled: true,
+		name: 'Calculator',
+	},
 }

package/node_modules/@flickfyi/core/examples/parrott/calculator/calculator.tsx

@@ -4,8 +4,6 @@ import { Card, Stat } from '@flickfyi/core/molecules'
 import * as stylex from '@flickfyi/core/stylex'
 import { useState } from 'react'
 
-import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
-
 import { theme } from './theme'
 
 const keys = [
@@ -108,9 +106,7 @@ export function Calculator() {
 			<Card.Body style={theme.layout.calculatorBody}>
 				<Stat>
 					<Stat.Value>{display}</Stat.Value>
-					<Stat.Caption style={theme.layout.calculatorCaption}>
-						{expression}
-					</Stat.Caption>
+					<Stat.Caption style={theme.layout.calculatorCaption}>{expression}</Stat.Caption>
 				</Stat>
 				<Flex {...stylex.props(theme.layout.keypad)}>
 					{keys.map(key => (
@@ -130,8 +126,7 @@ export function Calculator() {
 								<Text
 									{...stylex.props(
 										theme.layout.keyLabel,
-										(key === '=' || key === operator) &&
-											theme.layout.keyLabelSelected
+										(key === '=' || key === operator) && theme.layout.keyLabelSelected
 									)}
 								>
 									{key}
@@ -149,12 +144,6 @@ export default Calculator
 
 export const evalMetadata = { pattern: 'calculator', prompt: 'Make a calculator' }
 
-export const exampleMetadata = {
-	description:
-		'A numeric keypad and arithmetic expression display with a result, useful for direct arithmetic input and calculations.',
-	name: 'Calculator',
-} satisfies ExampleMetadata
-
 const keyNames: Record<string, string> = {
 	'%': '%: percent',
 	'+': '+: add',

package/node_modules/@flickfyi/core/examples/parrott/checklist/checklist.stories.tsx

@@ -1,4 +1,6 @@
-import type { Meta, StoryObj } from '@storybook/react-vite'
+import type { Meta } from '@storybook/react-vite'
+
+import type { ExampleStory } from '@flickfyi/core/examples/metadata'
 
 import { Checklist } from './checklist'
 import exampleSource from './checklist.tsx?raw'
@@ -10,6 +12,11 @@ const meta = {
 } satisfies Meta<typeof Checklist>
 
 export default meta
-export const Example: StoryObj<typeof meta> = {
-	args: { enabledForAgents: true },
+export const Example: ExampleStory<typeof meta> = {
+	args: {
+		description:
+			'Completing and reopening tasks: each row has a done state, unfinished tasks sort first, and a progress bar tracks completion. Includes checked-state feedback for routines, packing, and chores.',
+		enabled: true,
+		name: 'Checklist',
+	},
 }

package/node_modules/@flickfyi/core/examples/parrott/checklist/checklist.tsx

@@ -8,8 +8,6 @@ import {
 } from '@flickfyi/core/molecules'
 import { useState } from 'react'
 
-import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
-
 import { theme } from './theme'
 
 const initialItems = [
@@ -67,9 +65,3 @@ export const evalMetadata = {
 	pattern: 'checklist',
 	prompt: 'Make me a morning routine checklist',
 }
-
-export const exampleMetadata = {
-	description:
-		'Completing and reopening tasks: each row has a done state, unfinished tasks sort first, and a progress bar tracks completion. Includes checked-state feedback for routines, packing, and chores.',
-	name: 'Checklist',
-} satisfies ExampleMetadata

package/node_modules/@flickfyi/core/examples/parrott/countdown/countdown.stories.tsx

@@ -1,4 +1,6 @@
-import type { Meta, StoryObj } from '@storybook/react-vite'
+import type { Meta } from '@storybook/react-vite'
+
+import type { ExampleStory } from '@flickfyi/core/examples/metadata'
 
 import { Countdown } from './countdown'
 import exampleSource from './countdown.tsx?raw'
@@ -10,6 +12,11 @@ const meta = {
 } satisfies Meta<typeof Countdown>
 
 export default meta
-export const Example: StoryObj<typeof meta> = {
-	args: { enabledForAgents: true },
+export const Example: ExampleStory<typeof meta> = {
+	args: {
+		description:
+			'A live elapsed-time display that chooses meaningful time units and can reset the starting event, useful for streaks, ages, and time-since trackers.',
+		enabled: true,
+		name: 'Elapsed time',
+	},
 }

package/node_modules/@flickfyi/core/examples/parrott/countdown/countdown.tsx

@@ -3,8 +3,6 @@ import { Button } from '@flickfyi/core/atoms'
 import { Card, Stat } from '@flickfyi/core/molecules'
 import { useEffect, useReducer, useState } from 'react'
 
-import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
-
 import { theme } from './theme'
 
 export function Countdown() {
@@ -63,9 +61,3 @@ function format(ms: number) {
 	}
 	return { label: pluralize('second', seconds), value: seconds }
 }
-
-export const exampleMetadata = {
-	description:
-		'A live elapsed-time display that chooses meaningful time units and can reset the starting event, useful for streaks, ages, and time-since trackers.',
-	name: 'Elapsed time',
-} satisfies ExampleMetadata

package/node_modules/@flickfyi/core/examples/parrott/counter/counter.stories.tsx

@@ -1,6 +1,8 @@
-import type { Meta, StoryObj } from '@storybook/react-vite'
+import type { Meta } from '@storybook/react-vite'
 import { expect, userEvent, within } from 'storybook/test'
 
+import type { ExampleStory } from '@flickfyi/core/examples/metadata'
+
 import { Counter } from './counter'
 import exampleSource from './counter.tsx?raw'
 
@@ -11,10 +13,15 @@ const meta = {
 } satisfies Meta<typeof Counter>
 
 export default meta
-type Story = StoryObj<typeof meta>
+type Story = ExampleStory<typeof meta>
 
 export const Default: Story = {
-	args: { enabledForAgents: true },
+	args: {
+		description:
+			'A prominent numeric value with increment and decrement controls for tallies, scores, quantities, and simple counters.',
+		enabled: true,
+		name: 'Counter',
+	},
 	async play({ canvasElement }) {
 		const canvas = within(canvasElement)
 		const increment = await canvas.findByRole('button', { name: 'Increase count' })

package/node_modules/@flickfyi/core/examples/parrott/counter/counter.tsx

@@ -3,8 +3,6 @@ import { Button } from '@flickfyi/core/atoms'
 import { Card, Stat } from '@flickfyi/core/molecules'
 import { useState } from 'react'
 
-import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
-
 import { theme } from './theme'
 
 export function Counter() {
@@ -55,9 +53,3 @@ export const evalMetadata = {
 	pattern: 'counter',
 	prompt: 'Make me a swear jar counter',
 }
-
-export const exampleMetadata = {
-	description:
-		'A prominent numeric value with increment and decrement controls for tallies, scores, quantities, and simple counters.',
-	name: 'Counter',
-} satisfies ExampleMetadata

package/node_modules/@flickfyi/core/examples/parrott/fortune/fortune.stories.tsx

@@ -1,4 +1,6 @@
-import type { Meta, StoryObj } from '@storybook/react-vite'
+import type { Meta } from '@storybook/react-vite'
+
+import type { ExampleStory } from '@flickfyi/core/examples/metadata'
 
 import { Fortune } from './fortune'
 import exampleSource from './fortune.tsx?raw'
@@ -10,6 +12,11 @@ const meta = {
 } satisfies Meta<typeof Fortune>
 
 export default meta
-export const Example: StoryObj<typeof meta> = {
-	args: { enabledForAgents: true },
+export const Example: ExampleStory<typeof meta> = {
+	args: {
+		description:
+			'A random text selection revealed through a timed animation sequence, useful for pickers, prompts, fortunes, and other reveal interactions.',
+		enabled: true,
+		name: 'Animated reveal',
+	},
 }

package/node_modules/@flickfyi/core/examples/parrott/fortune/fortune.tsx

@@ -7,8 +7,6 @@ import * as stylex from '@flickfyi/core/stylex'
 import { space } from '@flickfyi/core/themes/scale'
 import { useEffect, useState } from 'react'
 
-import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
-
 import { theme } from './theme'
 
 const fortunes = [
@@ -104,9 +102,3 @@ export const evalMetadata = {
 	pattern: 'fortune',
 	prompt: 'Make me a fortune cookie app',
 }
-
-export const exampleMetadata = {
-	description:
-		'A random text selection revealed through a timed animation sequence, useful for pickers, prompts, fortunes, and other reveal interactions.',
-	name: 'Animated reveal',
-} satisfies ExampleMetadata

package/node_modules/@flickfyi/core/examples/parrott/grid/grid.stories.tsx

@@ -1,4 +1,6 @@
-import type { Meta, StoryObj } from '@storybook/react-vite'
+import type { Meta } from '@storybook/react-vite'
+
+import type { ExampleStory } from '@flickfyi/core/examples/metadata'
 
 import { Grid } from './grid'
 import exampleSource from './grid.tsx?raw'
@@ -10,6 +12,11 @@ const meta = {
 } satisfies Meta<typeof Grid>
 
 export default meta
-export const Example: StoryObj<typeof meta> = {
-	args: { enabledForAgents: true },
+export const Example: ExampleStory<typeof meta> = {
+	args: {
+		description:
+			'A square grid of independently toggleable cells with row, column, and diagonal completion detection, useful for bingo, game boards, and scavenger hunts.',
+		enabled: true,
+		name: 'Interactive grid',
+	},
 }

package/node_modules/@flickfyi/core/examples/parrott/grid/grid.tsx

@@ -4,8 +4,6 @@ import { Card } from '@flickfyi/core/molecules'
 import * as stylex from '@flickfyi/core/stylex'
 import { useState } from 'react'
 
-import type { ExampleMetadata } from '@flickfyi/core/examples/metadata'
-
 import { theme } from './theme'
 
 export function Grid() {
@@ -41,7 +39,10 @@ export function Grid() {
 							]}
 						>
 							<Flex {...stylex.props(theme.layout.gridCellContent)}>
-								<Icon name="checkmark" {...stylex.props(!cell.found && theme.layout.invisible)} />
+								<Icon
+									name="checkmark"
+									{...stylex.props(!cell.found && theme.layout.invisible)}
+								/>
 								<Text {...stylex.props(theme.layout.gridCellLabel)}>{cell.label}</Text>
 							</Flex>
 						</Button>
@@ -59,12 +60,6 @@ export const evalMetadata = {
 	prompt: 'Make a road trip scavenger hunt',
 }
 
-export const exampleMetadata = {
-	description:
-		'A square grid of independently toggleable cells with row, column, and diagonal completion detection, useful for bingo, game boards, and scavenger hunts.',
-	name: 'Interactive grid',
-} satisfies ExampleMetadata
-
 const initialCells = [
 	{ found: false, id: '1', label: 'Cow' },
 	{ found: false, id: '2', label: 'Barn' },

package/node_modules/@flickfyi/core/examples/parrott/kale-smoothie/kale-smoothie.stories.tsx

@@ -1,6 +1,8 @@
-import type { Meta, StoryObj } from '@storybook/react-vite'
+import type { Meta } from '@storybook/react-vite'
 import { expect, userEvent, within } from 'storybook/test'
 
+import type { ExampleStory } from '@flickfyi/core/examples/metadata'
+
 import KaleSmoothie from './kale-smoothie'
 import exampleSource from './kale-smoothie.tsx?raw'
 
@@ -12,8 +14,13 @@ const meta = {
 } satisfies Meta<typeof KaleSmoothie>
 
 export default meta
-export const Example: StoryObj<typeof meta> = {
-	args: { enabledForAgents: true },
+export const Example: ExampleStory<typeof meta> = {
+	args: {
+		description:
+			'Weighted totals from several independently adjustable quantities and per-unit factors, such as calories and nutrients across ingredients. Shows per-item quantity controls and recomputes aggregate measures.',
+		enabled: true,
+		name: 'Quantity totals',
+	},
 	async play({ canvasElement }) {
 		const canvas = within(canvasElement)
 		const buttons = await canvas.findAllByRole('button', {