@agentskillmania/skill-ui-shared 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 yusangeng
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,51 @@
+# @agentskillmania/skill-ui-shared
+
+Shared UI components, hooks, and style presets for the @agentskillmania skill-ui ecosystem.
+
+## Installation
+
+```bash
+pnpm add @agentskillmania/skill-ui-shared
+```
+
+## Components
+
+| Component | Description |
+|-----------|-------------|
+| `Sidebar` | Right-side collapsible sidebar shell |
+| `SidebarPanel` | Panel container with title bar + scrollable body |
+| `SidebarIcons` | Vertical icon bar for panel switching |
+| `CollapsibleCard` | antd Card (size="small") with collapse toggle |
+| `SectionHeader` | Icon + uppercase label + bottom divider |
+| `EmptyState` | Placeholder based on antd Empty |
+| `ExpandableItem` | Headless expandable list item container |
+| `SplitDivider` | 4px draggable vertical divider |
+
+## Hooks
+
+| Hook | Description |
+|------|-------------|
+| `useToggle` | Boolean state with set/toggle/reset |
+| `useResize` | Drag-based width resizing |
+
+## Style Presets
+
+| Preset | Description |
+|--------|-------------|
+| `cardBodyTransition` | Card body collapse/expand animation |
+| `cardHeaderInteractive` | Card header cursor + hover styles |
+| `expandableDetailTransition` | Expandable detail area animation |
+| `expandableSummaryHover` | Summary row hover styles |
+
+## i18n
+
+Exports `NAMESPACE` (`skill-ui-shared`) and `resources` for zh-CN / en-US locales.
+
+## Peer Dependencies
+
+- `@agentskillmania/skill-ui-theme`
+- `react`, `react-dom`
+- `antd` (^6.0.0)
+- `lucide-react`
+- `@emotion/react`
+- `react-i18next`

package/dist/components/CollapsibleCard.d.ts

@@ -0,0 +1,22 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export interface CollapsibleCardProps {
+    /** Card title — string or custom JSX (e.g. i18n text). */
+    title: ReactNode;
+    /** Uncontrolled initial collapse state. */
+    defaultCollapsed?: boolean;
+    /** Controlled collapse state. */
+    collapsed?: boolean;
+    /** Collapse state change callback. */
+    onCollapseChange?: (collapsed: boolean) => void;
+    /** Optional badge/tag in header (right side). */
+    badge?: ReactNode;
+    /** Collapsible content. */
+    children: ReactNode;
+    /** Additional className. */
+    className?: string;
+    /** Additional styles. */
+    style?: CSSProperties;
+}
+/** Renders a collapsible antd Card with title, optional badge, and toggle button. */
+export declare const CollapsibleCard: import("react").NamedExoticComponent<CollapsibleCardProps>;
+//# sourceMappingURL=CollapsibleCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleCard.d.ts","sourceRoot":"","sources":["../../src/components/CollapsibleCard.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAqB,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9E,MAAM,WAAW,oBAAoB;IACnC,0DAA0D;IAC1D,KAAK,EAAE,SAAS,CAAC;IACjB,2CAA2C;IAC3C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iCAAiC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,iDAAiD;IACjD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,2BAA2B;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,qFAAqF;AACrF,eAAO,MAAM,eAAe,4DAyD1B,CAAC"}

package/dist/components/CollapsibleCard.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { useTheme } from '@agentskillmania/skill-ui-theme';
+import { css } from '@emotion/react';
+import { Button, Card } from 'antd';
+import { ChevronDown, ChevronRight } from 'lucide-react';
+import { memo, useCallback } from 'react';
+import { useToggle } from '../hooks/index.js';
+/** Renders a collapsible antd Card with title, optional badge, and toggle button. */
+export const CollapsibleCard = memo(function CollapsibleCard({ title, defaultCollapsed = false, collapsed: controlledCollapsed, onCollapseChange, badge, children, className, style, }) {
+    const theme = useTheme();
+    const toggle = useToggle(defaultCollapsed);
+    const isCollapsed = controlledCollapsed !== undefined ? controlledCollapsed : toggle.value;
+    const handleToggle = useCallback(() => {
+        const next = !isCollapsed;
+        toggle.set(next);
+        onCollapseChange?.(next);
+    }, [isCollapsed, onCollapseChange, toggle]);
+    return (_jsx(Card, { size: "small", className: className, style: style, title: title, extra: _jsxs("div", { css: css `
+            display: flex;
+            align-items: center;
+            gap: ${theme.spacing[2]};
+          `, children: [badge, _jsx(Button, { type: "text", size: "small", "data-testid": "collapse-toggle", onClick: handleToggle, css: css `
+              font-size: ${theme.font.size.xs};
+              color: ${theme.color.textTertiary};
+              padding: 0 ${theme.spacing[1]};
+              height: auto;
+              line-height: 1;
+            `, children: isCollapsed ? _jsx(ChevronRight, { size: 12 }) : _jsx(ChevronDown, { size: 12 }) })] }), children: !isCollapsed && children }));
+});
+//# sourceMappingURL=CollapsibleCard.js.map

package/dist/components/CollapsibleCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleCard.js","sourceRoot":"","sources":["../../src/components/CollapsibleCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,WAAW,EAAsC,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAqB9C,qFAAqF;AACrF,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,eAAe,CAAC,EAC3D,KAAK,EACL,gBAAgB,GAAG,KAAK,EACxB,SAAS,EAAE,mBAAmB,EAC9B,gBAAgB,EAChB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAK,GACgB;IACrB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,MAAM,GAAG,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAE3C,MAAM,WAAW,GAAG,mBAAmB,KAAK,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;IAE3F,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,MAAM,IAAI,GAAG,CAAC,WAAW,CAAC;QAC1B,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACjB,gBAAgB,EAAE,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,WAAW,EAAE,gBAAgB,EAAE,MAAM,CAAC,CAAC,CAAC;IAE5C,OAAO,CACL,KAAC,IAAI,IACH,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,KAAK,EACH,eACE,GAAG,EAAE,GAAG,CAAA;;;mBAGC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;WACxB,aAEA,KAAK,EACN,KAAC,MAAM,IACL,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,OAAO,iBACA,iBAAiB,EAC7B,OAAO,EAAE,YAAY,EACrB,GAAG,EAAE,GAAG,CAAA;2BACO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;uBACtB,KAAK,CAAC,KAAK,CAAC,YAAY;2BACpB,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;;;aAG9B,YAEA,WAAW,CAAC,CAAC,CAAC,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,GAAI,GAC9D,IACL,YAGP,CAAC,WAAW,IAAI,QAAQ,GACpB,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,16 @@
+/** @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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,57 @@
+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

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

package/dist/components/CopyValue.d.ts

@@ -0,0 +1,12 @@
+/** Props for the CopyValue component. */
+export interface CopyValueProps {
+    /** The text to copy to clipboard when clicked. */
+    text: string;
+    children: React.ReactNode;
+}
+/**
+ * CopyValue — click-to-copy value with tooltip and antd message feedback.
+ * Wraps the displayed value; clicking copies the `text` prop to clipboard.
+ */
+export declare function CopyValue({ text, children }: CopyValueProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CopyValue.d.ts.map

package/dist/components/CopyValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyValue.d.ts","sourceRoot":"","sources":["../../src/components/CopyValue.tsx"],"names":[],"mappings":"AAKA,yCAAyC;AACzC,MAAM,WAAW,cAAc;IAC7B,kDAAkD;IAClD,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAkBD;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,cAAc,oDAuB3D"}

package/dist/components/CopyValue.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { useTheme } from '@agentskillmania/skill-ui-theme';
+import { css } from '@emotion/react';
+import { Tooltip, message } from 'antd';
+/** Click-to-copy value style. */
+const valueStyle = (theme) => css `
+  color: ${theme.color.text};
+  text-align: right;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 60%;
+  cursor: pointer;
+  user-select: none;
+  transition: color 0.15s;
+  &:hover {
+    color: ${theme.color.primary};
+  }
+`;
+/**
+ * CopyValue — click-to-copy value with tooltip and antd message feedback.
+ * Wraps the displayed value; clicking copies the `text` prop to clipboard.
+ */
+export function CopyValue({ text, children }) {
+    const theme = useTheme();
+    const [messageApi, contextHolder] = message.useMessage();
+    const handleClick = async () => {
+        try {
+            await navigator.clipboard.writeText(text);
+            messageApi.success('Copied', 1.2);
+        }
+        catch {
+            messageApi.error('Copy failed');
+        }
+    };
+    return (_jsxs(_Fragment, { children: [contextHolder, _jsx(Tooltip, { title: text, placement: "topRight", children: _jsx("span", { css: valueStyle(theme), onClick: handleClick, children: children }) })] }));
+}
+//# sourceMappingURL=CopyValue.js.map

package/dist/components/CopyValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyValue.js","sourceRoot":"","sources":["../../src/components/CopyValue.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AASxC,iCAAiC;AACjC,MAAM,UAAU,GAAG,CAAC,KAAkC,EAAE,EAAE,CAAC,GAAG,CAAA;WACnD,KAAK,CAAC,KAAK,CAAC,IAAI;;;;;;;;;;aAUd,KAAK,CAAC,KAAK,CAAC,OAAO;;CAE/B,CAAC;AAEF;;;GAGG;AACH,MAAM,UAAU,SAAS,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAkB;IAC1D,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,OAAO,CAAC,UAAU,EAAE,CAAC;IAEzD,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE;QAC7B,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;YAC1C,UAAU,CAAC,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;QACpC,CAAC;QAAC,MAAM,CAAC;YACP,UAAU,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;QAClC,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,8BACG,aAAa,EACd,KAAC,OAAO,IAAC,KAAK,EAAE,IAAI,EAAE,SAAS,EAAC,UAAU,YACxC,eAAM,GAAG,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,WAAW,YAC/C,QAAQ,GACJ,GACC,IACT,CACJ,CAAC;AACJ,CAAC"}

package/dist/components/EmptyState.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from 'react';
+export interface EmptyStateProps {
+    /** Primary message. */
+    title?: string;
+    /** Secondary explanation. */
+    description?: string;
+    /** Custom icon/illustration. */
+    icon?: ReactNode;
+    /** CTA element (e.g. button). */
+    action?: ReactNode;
+    /** Reduced padding for inline use. */
+    compact?: boolean;
+}
+/** Renders an empty state placeholder with optional title, description, and action. */
+export declare function EmptyState({ title, description, icon, action, compact }: EmptyStateProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EmptyState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../src/components/EmptyState.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,eAAe;IAC9B,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gCAAgC;IAChC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iCAAiC;IACjC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,uFAAuF;AACvF,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,OAAe,EAAE,EAAE,eAAe,oDAsDhG"}

package/dist/components/EmptyState.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { useTheme } from '@agentskillmania/skill-ui-theme';
+import { css } from '@emotion/react';
+import { Empty } from 'antd';
+/** Renders an empty state placeholder with optional title, description, and action. */
+export function EmptyState({ title, description, icon, action, compact = false }) {
+    const theme = useTheme();
+    return (_jsxs("div", { css: css `
+        display: flex;
+        flex-direction: ${compact ? 'row' : 'column'};
+        align-items: center;
+        justify-content: center;
+        ${compact
+            ? `gap: ${theme.spacing[1]}; padding: ${theme.spacing[4]} ${theme.spacing[2]};`
+            : `gap: ${theme.spacing[2]}; padding: ${theme.spacing[8]} ${theme.spacing[4]};`}
+        text-align: center;
+      `, children: [icon ? (_jsx("div", { css: css `
+            font-size: ${compact ? '20px' : '36px'};
+            opacity: 0.4;
+          `, children: icon })) : (_jsx(Empty, { image: Empty.PRESENTED_IMAGE_DEFAULT, description: null })), title && (_jsx("div", { css: css `
+            font-size: ${theme.font.size.base};
+            font-weight: ${theme.font.weight.medium};
+            color: ${theme.color.textSecondary};
+          `, children: title })), description && (_jsx("div", { css: css `
+            font-size: ${theme.font.size.sm};
+            color: ${theme.color.textTertiary};
+            max-width: 240px;
+            line-height: 1.5;
+          `, children: description })), action && _jsx("div", { children: action })] }));
+}
+//# sourceMappingURL=EmptyState.js.map

package/dist/components/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../src/components/EmptyState.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAgB7B,uFAAuF;AACvF,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,GAAG,KAAK,EAAmB;IAC/F,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,OAAO,CACL,eACE,GAAG,EAAE,GAAG,CAAA;;0BAEY,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;;;UAG1C,OAAO;YACP,CAAC,CAAC,QAAQ,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;YAC/E,CAAC,CAAC,QAAQ,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;;OAElF,aAEA,IAAI,CAAC,CAAC,CAAC,CACN,cACE,GAAG,EAAE,GAAG,CAAA;yBACO,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;;WAEvC,YAEA,IAAI,GACD,CACP,CAAC,CAAC,CAAC,CACF,KAAC,KAAK,IAAC,KAAK,EAAE,KAAK,CAAC,uBAAuB,EAAE,WAAW,EAAE,IAAI,GAAI,CACnE,EACA,KAAK,IAAI,CACR,cACE,GAAG,EAAE,GAAG,CAAA;yBACO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI;2BAClB,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;qBAC9B,KAAK,CAAC,KAAK,CAAC,aAAa;WACnC,YAEA,KAAK,GACF,CACP,EACA,WAAW,IAAI,CACd,cACE,GAAG,EAAE,GAAG,CAAA;yBACO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;qBACtB,KAAK,CAAC,KAAK,CAAC,YAAY;;;WAGlC,YAEA,WAAW,GACR,CACP,EACA,MAAM,IAAI,wBAAM,MAAM,GAAO,IAC1B,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,15 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,45 @@
+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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,29 @@
+import { type ReactNode } from 'react';
+/** Context provided to renderSummary callback. */
+export interface ExpandableItemContext {
+    /** Current expanded state. */
+    expanded: boolean;
+    /** Toggle expanded state. */
+    toggle: () => void;
+}
+export interface ExpandableItemProps {
+    /** Controlled expand state. */
+    expanded?: boolean;
+    /** Uncontrolled initial state (default: false). */
+    defaultExpanded?: boolean;
+    /** Expand state change callback. */
+    onToggle?: (expanded: boolean) => void;
+    /** Whether this item can expand. */
+    expandable?: boolean;
+    /** Summary row — always visible. */
+    renderSummary: (ctx: ExpandableItemContext) => ReactNode;
+    /** Detail content — shown when expanded. */
+    renderDetail?: () => ReactNode;
+    /** Animation duration in ms (default: 150). */
+    animationDuration?: number;
+    /** Additional className. */
+    className?: string;
+}
+/** Headless expandable list item — behavior only, no UI. */
+export declare const ExpandableItem: import("react").NamedExoticComponent<ExpandableItemProps>;
+//# sourceMappingURL=ExpandableItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandableItem.d.ts","sourceRoot":"","sources":["../../src/components/ExpandableItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI1D,kDAAkD;AAClD,MAAM,WAAW,qBAAqB;IACpC,8BAA8B;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,6BAA6B;IAC7B,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oCAAoC;IACpC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oCAAoC;IACpC,aAAa,EAAE,CAAC,GAAG,EAAE,qBAAqB,KAAK,SAAS,CAAC;IACzD,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,SAAS,CAAC;IAC/B,+CAA+C;IAC/C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,4DAA4D;AAC5D,eAAO,MAAM,cAAc,2DA2CzB,CAAC"}

package/dist/components/ExpandableItem.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { useTheme } from '@agentskillmania/skill-ui-theme';
+import { css } from '@emotion/react';
+import { memo, useCallback } from 'react';
+import { useToggle } from '../hooks/index.js';
+/** Headless expandable list item — behavior only, no UI. */
+export const ExpandableItem = memo(function ExpandableItem({ expanded: controlledExpanded, defaultExpanded = false, onToggle, expandable = true, renderSummary, renderDetail, animationDuration = 150, className, }) {
+    const theme = useTheme();
+    const toggle = useToggle(defaultExpanded);
+    const isExpanded = controlledExpanded !== undefined ? controlledExpanded : toggle.value;
+    const canExpand = expandable && !!renderDetail;
+    const handleToggle = useCallback(() => {
+        if (!canExpand)
+            return;
+        const next = !isExpanded;
+        toggle.set(next);
+        onToggle?.(next);
+    }, [canExpand, isExpanded, onToggle, toggle]);
+    const ctx = {
+        expanded: canExpand && isExpanded,
+        toggle: handleToggle,
+    };
+    return (_jsxs("div", { className: className, children: [renderSummary(ctx), canExpand && isExpanded && (_jsx("div", { css: css `
+            overflow: hidden;
+            transition: max-height ${animationDuration}ms ${theme.motion.easing.out};
+          `, children: renderDetail() }))] }));
+});
+//# sourceMappingURL=ExpandableItem.js.map

package/dist/components/ExpandableItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandableItem.js","sourceRoot":"","sources":["../../src/components/ExpandableItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAkB,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AA6B9C,4DAA4D;AAC5D,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,cAAc,CAAC,EACzD,QAAQ,EAAE,kBAAkB,EAC5B,eAAe,GAAG,KAAK,EACvB,QAAQ,EACR,UAAU,GAAG,IAAI,EACjB,aAAa,EACb,YAAY,EACZ,iBAAiB,GAAG,GAAG,EACvB,SAAS,GACW;IACpB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,MAAM,GAAG,SAAS,CAAC,eAAe,CAAC,CAAC;IAE1C,MAAM,UAAU,GAAG,kBAAkB,KAAK,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;IACxF,MAAM,SAAS,GAAG,UAAU,IAAI,CAAC,CAAC,YAAY,CAAC;IAE/C,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,IAAI,CAAC,SAAS;YAAE,OAAO;QACvB,MAAM,IAAI,GAAG,CAAC,UAAU,CAAC;QACzB,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACjB,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAE9C,MAAM,GAAG,GAA0B;QACjC,QAAQ,EAAE,SAAS,IAAI,UAAU;QACjC,MAAM,EAAE,YAAY;KACrB,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,aACtB,aAAa,CAAC,GAAG,CAAC,EAClB,SAAS,IAAI,UAAU,IAAI,CAC1B,cACE,GAAG,EAAE,GAAG,CAAA;;qCAEmB,iBAAiB,MAAM,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG;WACxE,YAEA,YAAa,EAAE,GACZ,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,14 @@
+/** @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

@@ -0,0 +1 @@
+{"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"}