@agentskillmania/skill-ui-shared 0.1.0 → 0.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agentskillmania/skill-ui-shared",
-  "version": "0.1.0",
+  "version": "0.1.3",
   "description": "Shared UI components and utilities for @agentskillmania skill-ui packages.",
   "type": "module",
   "main": "dist/index.js",
@@ -31,7 +31,7 @@
     "directory": "packages/shared"
   },
   "dependencies": {
-    "@agentskillmania/skill-ui-theme": "0.1.0"
+    "@agentskillmania/skill-ui-theme": "0.1.3"
   },
   "peerDependencies": {
     "antd": "^6.0.0",
@@ -68,7 +68,7 @@
     "node": ">=18.0.0"
   },
   "scripts": {
-    "build": "tsc",
+    "build": "rm -rf dist && tsc",
     "dev": "tsc --watch",
     "test": "vitest run",
     "test:unit": "vitest run test/unit",

package/dist/components/CollapsibleCard.stories.d.ts

@@ -1,16 +0,0 @@
-/** @jsxImportSource @emotion/react */
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { CollapsibleCard } from './CollapsibleCard.js';
-import type { CollapsibleCardProps } from './CollapsibleCard.js';
-declare const meta: Meta<typeof CollapsibleCard>;
-export default meta;
-type Story = StoryObj<CollapsibleCardProps>;
-/** Expanded card showing session overview data. */
-export declare const Expanded: Story;
-/** Collapsed card — content hidden, only header visible. */
-export declare const Collapsed: Story;
-/** Card with a status badge in the header. */
-export declare const WithBadge: Story;
-/** Multiple cards stacked to demonstrate a dashboard-like layout. */
-export declare const MultipleCards: Story;
-//# sourceMappingURL=CollapsibleCard.stories.d.ts.map

package/dist/components/CollapsibleCard.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CollapsibleCard.stories.d.ts","sourceRoot":"","sources":["../../src/components/CollapsibleCard.stories.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAEjE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAItC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,oBAAoB,CAAC,CAAC;AAqC5C,mDAAmD;AACnD,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,4DAA4D;AAC5D,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,8CAA8C;AAC9C,eAAO,MAAM,SAAS,EAAE,KAuBvB,CAAC;AAEF,qEAAqE;AACrE,eAAO,MAAM,aAAa,EAAE,KAkC3B,CAAC"}

package/dist/components/CollapsibleCard.stories.js

@@ -1,57 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { css, useTheme } from '@emotion/react';
-import { CollapsibleCard } from './CollapsibleCard.js';
-const meta = {
-    title: 'Shared/CollapsibleCard',
-    component: CollapsibleCard,
-    tags: ['autodocs'],
-};
-export default meta;
-/** Helper to render a key-value row inside a card. */
-function KVRow({ label, value }) {
-    const theme = useTheme();
-    return (_jsxs("div", { css: css `
-        display: flex;
-        justify-content: space-between;
-        padding: ${theme.spacing[1]} 0;
-        &:not(:last-child) {
-          border-bottom: 1px solid ${theme.color.borderSecondary};
-        }
-      `, children: [_jsx("span", { css: css `
-          font-size: ${theme.font.size.sm};
-          color: ${theme.color.textSecondary};
-        `, children: label }), _jsx("span", { css: css `
-          font-size: ${theme.font.size.sm};
-          color: ${theme.color.text};
-          font-weight: ${theme.font.weight.medium};
-        `, children: value })] }));
-}
-/** Expanded card showing session overview data. */
-export const Expanded = {
-    render: () => (_jsxs(CollapsibleCard, { title: "Session Overview", defaultCollapsed: false, children: [_jsx(KVRow, { label: "Session ID", value: "sess-abc123" }), _jsx(KVRow, { label: "Agent", value: "Code Assistant" }), _jsx(KVRow, { label: "Status", value: "Running" }), _jsx(KVRow, { label: "Duration", value: "2m 34s" })] })),
-};
-/** Collapsed card — content hidden, only header visible. */
-export const Collapsed = {
-    render: () => (_jsxs(CollapsibleCard, { title: "Session Overview", defaultCollapsed: true, children: [_jsx(KVRow, { label: "Session ID", value: "sess-abc123" }), _jsx(KVRow, { label: "Agent", value: "Code Assistant" })] })),
-};
-/** Card with a status badge in the header. */
-export const WithBadge = {
-    render: () => (_jsxs(CollapsibleCard, { title: "Agent State", badge: _jsx("span", { style: {
-                fontSize: '11px',
-                padding: '1px 8px',
-                borderRadius: '4px',
-                background: 'rgba(67,97,238,0.08)',
-                color: '#4361ee',
-            }, children: "Running" }), children: [_jsx(KVRow, { label: "Model", value: "claude-sonnet-4" }), _jsx(KVRow, { label: "Tokens Used", value: "12,847" }), _jsx(KVRow, { label: "Tools Available", value: "8" })] })),
-};
-/** Multiple cards stacked to demonstrate a dashboard-like layout. */
-export const MultipleCards = {
-    render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '12px' }, children: [_jsxs(CollapsibleCard, { title: "Session Overview", defaultCollapsed: false, children: [_jsx(KVRow, { label: "Session ID", value: "sess-abc123" }), _jsx(KVRow, { label: "Agent", value: "Code Assistant" }), _jsx(KVRow, { label: "Status", value: "Running" })] }), _jsxs(CollapsibleCard, { title: "Agent State", defaultCollapsed: true, children: [_jsx(KVRow, { label: "Model", value: "claude-sonnet-4" }), _jsx(KVRow, { label: "Tokens Used", value: "12,847" })] }), _jsxs(CollapsibleCard, { title: "Skills", defaultCollapsed: false, badge: _jsx("span", { style: {
-                        fontSize: '11px',
-                        padding: '1px 8px',
-                        borderRadius: '4px',
-                        background: 'rgba(34,197,94,0.08)',
-                        color: '#16a34a',
-                    }, children: "5 loaded" }), children: [_jsx(KVRow, { label: "Active Skills", value: "browse, code-review, ship" }), _jsx(KVRow, { label: "Last Updated", value: "2 hours ago" })] })] })),
-};
-//# sourceMappingURL=CollapsibleCard.stories.js.map

package/dist/components/CollapsibleCard.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CollapsibleCard.stories.js","sourceRoot":"","sources":["../../src/components/CollapsibleCard.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/EmptyState.stories.d.ts

@@ -1,15 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { EmptyState } from './EmptyState.js';
-import type { EmptyStateProps } from './EmptyState.js';
-declare const meta: Meta<typeof EmptyState>;
-export default meta;
-type Story = StoryObj<EmptyStateProps>;
-/** Default empty state with title and description. */
-export declare const Default: Story;
-/** Empty state with a call-to-action button. */
-export declare const WithAction: Story;
-/** Compact inline variant with reduced padding and horizontal layout. */
-export declare const Compact: Story;
-/** Empty state with a custom icon instead of the default antd Empty. */
-export declare const CustomIcon: Story;
-//# sourceMappingURL=EmptyState.stories.d.ts.map

package/dist/components/EmptyState.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmptyState.stories.d.ts","sourceRoot":"","sources":["../../src/components/EmptyState.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAIjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;AAEvC,sDAAsD;AACtD,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,gDAAgD;AAChD,eAAO,MAAM,UAAU,EAAE,KAmBxB,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,wEAAwE;AACxE,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC"}

package/dist/components/EmptyState.stories.js

@@ -1,45 +0,0 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { EmptyState } from './EmptyState.js';
-const meta = {
-    title: 'Shared/EmptyState',
-    component: EmptyState,
-    tags: ['autodocs'],
-};
-export default meta;
-/** Default empty state with title and description. */
-export const Default = {
-    args: {
-        title: 'No Data',
-        description: 'There are no items to display.',
-    },
-};
-/** Empty state with a call-to-action button. */
-export const WithAction = {
-    args: {
-        title: 'No Sessions',
-        description: 'Start a new session to begin.',
-        action: (_jsx("button", { style: {
-                padding: '4px 16px',
-                borderRadius: '6px',
-                background: '#4361ee',
-                color: '#fff',
-                border: 'none',
-                cursor: 'pointer',
-            }, children: "New Session" })),
-    },
-};
-/** Compact inline variant with reduced padding and horizontal layout. */
-export const Compact = {
-    args: {
-        compact: true,
-        description: 'No matching results',
-    },
-};
-/** Empty state with a custom icon instead of the default antd Empty. */
-export const CustomIcon = {
-    args: {
-        title: 'Not Found',
-        icon: _jsx("span", { style: { fontSize: '48px' }, children: '🔍' }),
-    },
-};
-//# sourceMappingURL=EmptyState.stories.js.map

package/dist/components/EmptyState.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmptyState.stories.js","sourceRoot":"","sources":["../../src/components/EmptyState.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAG7C,MAAM,IAAI,GAA4B;IACpC,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,sDAAsD;AACtD,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,gCAAgC;KAC9C;CACF,CAAC;AAEF,gDAAgD;AAChD,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,KAAK,EAAE,aAAa;QACpB,WAAW,EAAE,+BAA+B;QAC5C,MAAM,EAAE,CACN,iBACE,KAAK,EAAE;gBACL,OAAO,EAAE,UAAU;gBACnB,YAAY,EAAE,KAAK;gBACnB,UAAU,EAAE,SAAS;gBACrB,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,MAAM,EAAE,SAAS;aAClB,4BAGM,CACV;KACF;CACF,CAAC;AAEF,yEAAyE;AACzE,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;QACb,WAAW,EAAE,qBAAqB;KACnC;CACF,CAAC;AAEF,wEAAwE;AACxE,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAG,IAAI,GAAQ;KACvD;CACF,CAAC"}

package/dist/components/ExpandableItem.stories.d.ts

@@ -1,14 +0,0 @@
-/** @jsxImportSource @emotion/react */
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { ExpandableItem } from './ExpandableItem.js';
-import type { ExpandableItemProps } from './ExpandableItem.js';
-declare const meta: Meta<typeof ExpandableItem>;
-export default meta;
-type Story = StoryObj<ExpandableItemProps>;
-/** A list of expandable event log rows with colored type tags and JSON details. */
-export declare const EventLogItems: Story;
-/** Test case rows — passed items not expandable, failed ones show error details. */
-export declare const TestCaseItems: Story;
-/** Single expandable item with controlled state via React.useState. */
-export declare const SingleItem: Story;
-//# sourceMappingURL=ExpandableItem.stories.d.ts.map

package/dist/components/ExpandableItem.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExpandableItem.stories.d.ts","sourceRoot":"","sources":["../../src/components/ExpandableItem.stories.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,KAAK,EAAE,mBAAmB,EAAyB,MAAM,qBAAqB,CAAC;AAEtF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAQrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC;AAyH3C,mFAAmF;AACnF,eAAO,MAAM,aAAa,EAAE,KA2D3B,CAAC;AAEF,oFAAoF;AACpF,eAAO,MAAM,aAAa,EAAE,KA8E3B,CAAC;AAEF,uEAAuE;AACvE,eAAO,MAAM,UAAU,EAAE,KA0ExB,CAAC"}

package/dist/components/ExpandableItem.stories.js

@@ -1,178 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { css, useTheme } from '@emotion/react';
-import { useState } from 'react';
-import { ChevronDown, ChevronRight } from 'lucide-react';
-import { ExpandableItem } from './ExpandableItem.js';
-const meta = {
-    title: 'Shared/ExpandableItem',
-    component: ExpandableItem,
-    tags: ['autodocs'],
-    argTypes: {
-        renderSummary: { control: false },
-        renderDetail: { control: false },
-    },
-};
-export default meta;
-/** Colored type tag for event log entries. */
-function EventTypeTag({ type }) {
-    const theme = useTheme();
-    const colorMap = {
-        agent: { bg: 'rgba(34,197,94,0.1)', text: theme.color.success },
-        tool: { bg: 'rgba(67,97,238,0.1)', text: theme.color.primary },
-        context: { bg: 'rgba(234,179,8,0.1)', text: theme.color.warning },
-        error: { bg: 'rgba(239,68,68,0.1)', text: theme.color.error },
-        info: { bg: theme.color.fillSecondary, text: theme.color.textSecondary },
-    };
-    const colors = colorMap[type] || colorMap.info;
-    return (_jsx("span", { css: css `
-        font-size: ${theme.font.size.xs};
-        padding: 1px 8px;
-        border-radius: ${theme.radius.sm};
-        background: ${colors.bg};
-        color: ${colors.text};
-        font-weight: ${theme.font.weight.medium};
-        flex-shrink: 0;
-      `, children: type.charAt(0).toUpperCase() + type.slice(1) }));
-}
-/** Event log row with type tag, content, and timestamp. */
-function EventLogRow({ type, label, time, ctx, }) {
-    const theme = useTheme();
-    return (_jsxs("div", { css: css `
-        display: flex;
-        align-items: center;
-        gap: ${theme.spacing[2]};
-        padding: ${theme.spacing[2]} ${theme.spacing[3]};
-        cursor: pointer;
-        transition: background ${theme.motion.duration.fast};
-        &:hover {
-          background: ${theme.color.fillTertiary};
-        }
-      `, onClick: ctx.toggle, children: [_jsx("span", { css: css `
-          font-size: 10px;
-          color: ${theme.color.textTertiary};
-          width: 16px;
-          text-align: center;
-          transition: transform 150ms ${theme.motion.easing.out};
-          transform: rotate(${ctx.expanded ? 90 : 0}deg);
-          flex-shrink: 0;
-        `, children: "\u25B6" }), _jsx(EventTypeTag, { type: type }), _jsx("span", { css: css `
-          font-size: ${theme.font.size.sm};
-          color: ${theme.color.text};
-          flex: 1;
-          min-width: 0;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          white-space: nowrap;
-        `, children: label }), _jsx("span", { css: css `
-          font-size: ${theme.font.size.xs};
-          color: ${theme.color.textTertiary};
-          flex-shrink: 0;
-        `, children: time })] }));
-}
-/** JSON detail block with monospace formatting. */
-function JsonDetail({ data }) {
-    const theme = useTheme();
-    return (_jsx("pre", { css: css `
-        margin: 0;
-        padding: ${theme.spacing[2]} ${theme.spacing[4]} ${theme.spacing[2]} 44px;
-        font-size: ${theme.font.size.xs};
-        background: ${theme.color.fillSecondary};
-        color: ${theme.color.textSecondary};
-        line-height: 1.5;
-        overflow-x: auto;
-        border-top: 1px solid ${theme.color.borderSecondary};
-      `, children: JSON.stringify(data, null, 2) }));
-}
-/** A list of expandable event log rows with colored type tags and JSON details. */
-export const EventLogItems = {
-    render: () => (_jsxs("div", { style: {
-            width: '100%',
-            border: '1px solid #e5e7eb',
-            borderRadius: '6px',
-            overflow: 'hidden',
-        }, children: [_jsx(ExpandableItem, { renderSummary: (ctx) => (_jsx(EventLogRow, { type: "agent", label: "Agent started", time: "10:01:23", ctx: ctx })), renderDetail: () => (_jsx(JsonDetail, { data: { pid: 8492, runtime: 'colts', version: '0.3.0' } })) }), _jsx(ExpandableItem, { renderSummary: (ctx) => (_jsx(EventLogRow, { type: "tool", label: "readFile('src/runner.ts')", time: "10:01:25", ctx: ctx })), renderDetail: () => (_jsx(JsonDetail, { data: { tool: 'readFile', args: { path: 'src/runner.ts' }, result: '142 lines' } })) }), _jsx(ExpandableItem, { renderSummary: (ctx) => (_jsx(EventLogRow, { type: "context", label: "Context compressed 12.4k \u2192 3.2k", time: "10:01:30", ctx: ctx })), renderDetail: () => (_jsx(JsonDetail, { data: {
-                        anchor: 'user-request-refactor',
-                        removed: 9200,
-                        summary: 'User requested JWT refactoring...',
-                    } })) }), _jsx(ExpandableItem, { renderSummary: (ctx) => (_jsx(EventLogRow, { type: "error", label: "Tool execution failed", time: "10:01:35", ctx: ctx })), renderDetail: () => (_jsx(JsonDetail, { data: { tool: 'runCommand', exitCode: 1, stderr: 'Permission denied' } })) }), _jsx(ExpandableItem, { renderSummary: (ctx) => (_jsx(EventLogRow, { type: "info", label: "Session completed", time: "10:02:01", ctx: ctx })) })] })),
-};
-/** Test case rows — passed items not expandable, failed ones show error details. */
-export const TestCaseItems = {
-    render: () => {
-        const theme = useTheme();
-        const tests = [
-            { name: 'should render header', passed: true },
-            { name: 'should apply theme colors', passed: true },
-            { name: 'should handle empty input', passed: false },
-            { name: 'should debounce onChange', passed: true },
-        ];
-        return (_jsx("div", { style: {
-                width: '100%',
-                border: '1px solid #e5e7eb',
-                borderRadius: '6px',
-                overflow: 'hidden',
-            }, children: tests.map((test, i) => (_jsx(ExpandableItem, { expandable: !test.passed, renderSummary: (ctx) => (_jsxs("div", { css: css `
-                  display: flex;
-                  align-items: center;
-                  gap: ${theme.spacing[2]};
-                  padding: ${theme.spacing[2]} ${theme.spacing[3]};
-                  font-size: ${theme.font.size.sm};
-                  color: ${test.passed ? theme.color.text : theme.color.error};
-                  cursor: ${test.passed ? 'default' : 'pointer'};
-                  &:hover {
-                    background: ${test.passed ? 'transparent' : theme.color.fillTertiary};
-                  }
-                `, children: [_jsx("span", { css: css `
-                    width: 20px;
-                    text-align: center;
-                    color: ${test.passed ? theme.color.success : theme.color.error};
-                    font-weight: ${theme.font.weight.bold};
-                  `, children: test.passed ? '✓' : '✗' }), _jsx("span", { css: css `flex: 1; color: ${test.passed ? theme.color.text : theme.color.error};`, children: test.name })] })), renderDetail: test.passed
-                    ? undefined
-                    : () => (_jsxs("div", { css: css `
-                        padding: ${theme.spacing[2]} ${theme.spacing[4]};
-                        font-size: ${theme.font.size.xs};
-                        color: ${theme.color.error};
-                        background: rgba(239, 68, 68, 0.04);
-                        border-top: 1px solid rgba(239, 68, 68, 0.1);
-                        font-family: ${theme.font.familyMono};
-                      `, children: ["AssertionError: expected \"\" to equal \"undefined\"", _jsx("br", {}), "at Context.<anonymous> (test/unit/input.test.ts:42:18)"] })) }, i))) }));
-    },
-};
-/** Single expandable item with controlled state via React.useState. */
-export const SingleItem = {
-    render: () => {
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        const [expanded, setExpanded] = useState(false);
-        const theme = useTheme();
-        return (_jsx("div", { css: css `
-          border: 1px solid ${theme.color.border};
-          border-radius: ${theme.radius.md};
-          overflow: hidden;
-          width: 100%;
-        `, children: _jsx(ExpandableItem, { expanded: expanded, onToggle: (next) => setExpanded(next), renderSummary: (ctx) => (_jsxs("div", { css: css `
-                display: flex;
-                align-items: center;
-                justify-content: space-between;
-                padding: ${theme.spacing[2]} ${theme.spacing[3]};
-                cursor: pointer;
-                transition: background ${theme.motion.duration.fast};
-                &:hover {
-                  background: ${theme.color.fillTertiary};
-                }
-              `, onClick: ctx.toggle, children: [_jsxs("div", { css: css `display: flex; align-items: center; gap: ${theme.spacing[2]};`, children: [ctx.expanded ? (_jsx(ChevronDown, { size: 14, css: css `color: ${theme.color.textTertiary};` })) : (_jsx(ChevronRight, { size: 14, css: css `color: ${theme.color.textTertiary};` })), _jsxs("span", { css: css `font-size: ${theme.font.size.sm}; color: ${theme.color.text};`, children: ["Click to ", ctx.expanded ? 'collapse' : 'expand'] })] }), _jsx("span", { css: css `
-                  font-size: ${theme.font.size.xs};
-                  color: ${theme.color.textTertiary};
-                  background: ${theme.color.fillSecondary};
-                  padding: 2px 8px;
-                  border-radius: ${theme.radius.sm};
-                `, children: expanded ? 'OPEN' : 'CLOSED' })] })), renderDetail: () => (_jsxs("div", { css: css `
-                padding: ${theme.spacing[3]};
-                background: ${theme.color.fillSecondary};
-                font-size: ${theme.font.size.sm};
-                color: ${theme.color.textSecondary};
-                border-top: 1px solid ${theme.color.borderSecondary};
-              `, children: ["This content is controlled via React.useState. The expanded state is:", ' ', _jsx("strong", { children: expanded ? 'true' : 'false' }), "."] })) }) }));
-    },
-};
-//# sourceMappingURL=ExpandableItem.stories.js.map

package/dist/components/ExpandableItem.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExpandableItem.stories.js","sourceRoot":"","sources":["../../src/components/ExpandableItem.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/SectionHeader.stories.d.ts

@@ -1,13 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { SectionHeader } from './SectionHeader.js';
-import type { SectionHeaderProps } from './SectionHeader.js';
-declare const meta: Meta<typeof SectionHeader>;
-export default meta;
-type Story = StoryObj<SectionHeaderProps>;
-/** Default section header with icon and title. */
-export declare const Default: Story;
-/** Section header with extra content aligned to the right. */
-export declare const WithExtra: Story;
-/** Multiple headers stacked to demonstrate the divider pattern. */
-export declare const MultipleHeaders: Story;
-//# sourceMappingURL=SectionHeader.stories.d.ts.map

package/dist/components/SectionHeader.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SectionHeader.stories.d.ts","sourceRoot":"","sources":["../../src/components/SectionHeader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAE7D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAOpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC;AAE1C,kDAAkD;AAClD,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,8DAA8D;AAC9D,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,mEAAmE;AACnE,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC"}

package/dist/components/SectionHeader.stories.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { Cpu, Wrench, Settings } from 'lucide-react';
-import { SectionHeader } from './SectionHeader.js';
-const meta = {
-    title: 'Shared/SectionHeader',
-    component: SectionHeader,
-    tags: ['autodocs'],
-    argTypes: {
-        icon: { control: false },
-    },
-};
-export default meta;
-/** Default section header with icon and title. */
-export const Default = {
-    args: {
-        icon: Cpu,
-        title: 'Agent State',
-    },
-};
-/** Section header with extra content aligned to the right. */
-export const WithExtra = {
-    args: {
-        icon: Wrench,
-        title: 'Skills',
-        extra: _jsx("span", { children: "3 active" }),
-    },
-};
-/** Multiple headers stacked to demonstrate the divider pattern. */
-export const MultipleHeaders = {
-    render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '16px' }, children: [_jsx(SectionHeader, { icon: Cpu, title: "Agent State" }), _jsx(SectionHeader, { icon: Wrench, title: "Skills", extra: _jsx("span", { children: "3 active" }) }), _jsx(SectionHeader, { icon: Settings, title: "Configuration" })] })),
-};
-//# sourceMappingURL=SectionHeader.stories.js.map

package/dist/components/SectionHeader.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SectionHeader.stories.js","sourceRoot":"","sources":["../../src/components/SectionHeader.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,MAAM,IAAI,GAA+B;IACvC,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,aAAa;IACxB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;KACzB;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,kDAAkD;AAClD,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,GAAG;QACT,KAAK,EAAE,aAAa;KACrB;CACF,CAAC;AAEF,8DAA8D;AAC9D,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,sCAAqB;KAC7B;CACF,CAAC;AAEF,mEAAmE;AACnE,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,aACnE,KAAC,aAAa,IAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAC,aAAa,GAAG,EAChD,KAAC,aAAa,IAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,sCAAqB,GAAI,EAC5E,KAAC,aAAa,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAC,eAAe,GAAG,IACnD,CACP;CACF,CAAC"}

package/dist/components/SplitDivider.stories.d.ts

@@ -1,12 +0,0 @@
-/** @jsxImportSource @emotion/react */
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { SplitDivider } from './SplitDivider.js';
-import type { SplitDividerProps } from './SplitDivider.js';
-declare const meta: Meta<typeof SplitDivider>;
-export default meta;
-type Story = StoryObj<SplitDividerProps>;
-/** Default split layout with a draggable divider between left and right panels. */
-export declare const Default: Story;
-/** Disabled divider — no drag interaction, appears as a static separator. */
-export declare const Disabled: Story;
-//# sourceMappingURL=SplitDivider.stories.d.ts.map

package/dist/components/SplitDivider.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SplitDivider.stories.d.ts","sourceRoot":"","sources":["../../src/components/SplitDivider.stories.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAE3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAInC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;AAEzC,mFAAmF;AACnF,eAAO,MAAM,OAAO,EAAE,KAuDrB,CAAC;AAEF,6EAA6E;AAC7E,eAAO,MAAM,QAAQ,EAAE,KAoCtB,CAAC"}

package/dist/components/SplitDivider.stories.js

@@ -1,62 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { css, useTheme } from '@emotion/react';
-import { useState } from 'react';
-import { SplitDivider } from './SplitDivider.js';
-const meta = {
-    title: 'Shared/SplitDivider',
-    component: SplitDivider,
-    tags: ['autodocs'],
-};
-export default meta;
-/** Default split layout with a draggable divider between left and right panels. */
-export const Default = {
-    render: () => {
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        const [rightWidth, setRightWidth] = useState(280);
-        const theme = useTheme();
-        return (_jsxs("div", { css: css `
-          height: 300px;
-          display: flex;
-          border: 1px solid ${theme.color.border};
-          border-radius: ${theme.radius.md};
-          overflow: hidden;
-        `, children: [_jsxs("div", { css: css `
-            flex: 1;
-            background: ${theme.color.fillSecondary};
-            padding: ${theme.spacing[4]};
-            display: flex;
-            flex-direction: column;
-            gap: ${theme.spacing[2]};
-          `, children: [_jsx("span", { css: css `font-size: ${theme.font.size.base}; font-weight: ${theme.font.weight.semibold};`, children: "Left Panel" }), _jsx("span", { css: css `font-size: ${theme.font.size.sm}; color: ${theme.color.textSecondary};`, children: "This panel takes remaining space. Drag the divider to resize." })] }), _jsx(SplitDivider, { onResize: setRightWidth }), _jsxs("div", { css: css `
-            width: ${rightWidth}px;
-            background: ${theme.color.bgBase};
-            padding: ${theme.spacing[4]};
-            display: flex;
-            flex-direction: column;
-            gap: ${theme.spacing[2]};
-            overflow: hidden;
-          `, children: [_jsx("span", { css: css `font-size: ${theme.font.size.base}; font-weight: ${theme.font.weight.semibold};`, children: "Right Panel" }), _jsxs("span", { css: css `font-size: ${theme.font.size.sm}; color: ${theme.color.textSecondary};`, children: ["Width: ", rightWidth, "px"] })] })] }));
-    },
-};
-/** Disabled divider — no drag interaction, appears as a static separator. */
-export const Disabled = {
-    render: () => {
-        const theme = useTheme();
-        return (_jsxs("div", { css: css `
-          height: 300px;
-          display: flex;
-          border: 1px solid ${theme.color.border};
-          border-radius: ${theme.radius.md};
-          overflow: hidden;
-        `, children: [_jsx("div", { css: css `
-            flex: 1;
-            background: ${theme.color.fillSecondary};
-            padding: ${theme.spacing[4]};
-          `, children: _jsx("span", { css: css `font-size: ${theme.font.size.base};`, children: "Left Panel" }) }), _jsx(SplitDivider, { onResize: () => { }, disabled: true }), _jsx("div", { css: css `
-            width: 200px;
-            background: ${theme.color.bgBase};
-            padding: ${theme.spacing[4]};
-          `, children: _jsx("span", { css: css `font-size: ${theme.font.size.base};`, children: "Right Panel" }) })] }));
-    },
-};
-//# sourceMappingURL=SplitDivider.stories.js.map

package/dist/components/SplitDivider.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SplitDivider.stories.js","sourceRoot":"","sources":["../../src/components/SplitDivider.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/sidebar/Sidebar.stories.d.ts

@@ -1,14 +0,0 @@
-/** @jsxImportSource @emotion/react */
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { Sidebar } from './Sidebar.js';
-import type { SidebarProps } from './Sidebar.js';
-declare const meta: Meta<typeof Sidebar>;
-export default meta;
-type Story = StoryObj<SidebarProps>;
-/** Fully expanded sidebar with panel content and icon bar. */
-export declare const Expanded: Story;
-/** Collapsed sidebar — only icon bar visible, panel content hidden. */
-export declare const Collapsed: Story;
-/** Fully interactive sidebar with collapse toggle, panel switching, and a split layout. */
-export declare const Interactive: Story;
-//# sourceMappingURL=Sidebar.stories.d.ts.map

package/dist/components/sidebar/Sidebar.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Sidebar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/Sidebar.stories.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAIjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAgB9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;AAuDpC,8DAA8D;AAC9D,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAC;AAEF,uEAAuE;AACvE,eAAO,MAAM,SAAS,EAAE,KAevB,CAAC;AAEF,2FAA2F;AAC3F,eAAO,MAAM,WAAW,EAAE,KA4DzB,CAAC"}