@agentskillmania/skill-ui-shared 0.1.0 → 0.1.3

package/dist/components/sidebar/Sidebar.stories.js

@@ -1,92 +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 { Activity, Terminal, Wrench, FileText } from 'lucide-react';
-import { Sidebar } from './Sidebar.js';
-import { SidebarPanel } from './SidebarPanel.js';
-import { SplitDivider } from '../SplitDivider.js';
-const meta = {
-    title: 'Shared/Sidebar',
-    component: Sidebar,
-    tags: ['autodocs'],
-    argTypes: {
-        items: { control: false },
-        onToggleCollapse: { control: false },
-        onSwitchPanel: { control: false },
-    },
-    decorators: [
-        (Story) => (_jsx("div", { style: { height: '500px', display: 'flex', justifyContent: 'flex-end' }, children: _jsx(Story, {}) })),
-    ],
-};
-export default meta;
-const sidebarItems = [
-    { id: 'event-log', icon: Activity, label: 'Event Log' },
-    { id: 'terminal', icon: Terminal, label: 'Terminal' },
-    { id: 'skills', icon: Wrench, label: 'Skills' },
-    { id: 'files', icon: FileText, label: 'Files' },
-];
-/** Mock event log rows for panel content. */
-function MockEventLogContent() {
-    const theme = useTheme();
-    const events = [
-        { id: '1', label: 'Agent started', time: '10:01:23', status: 'ok' },
-        { id: '2', label: 'Executed ReadFile', time: '10:01:25', status: 'ok' },
-        { id: '3', label: 'Retry attempt 2/3', time: '10:01:30', status: 'warn' },
-        { id: '4', label: 'Tool execution failed', time: '10:01:35', status: 'error' },
-        { id: '5', label: 'Session completed', time: '10:02:01', status: 'ok' },
-    ];
-    return (_jsx("div", { children: events.map((event) => (_jsxs("div", { css: css `
-            display: flex;
-            align-items: center;
-            gap: ${theme.spacing[2]};
-            padding: ${theme.spacing[1]} ${theme.spacing[3]};
-            font-size: ${theme.font.size.xs};
-          `, children: [_jsx("span", { css: css `
-              width: 6px;
-              height: 6px;
-              border-radius: 50%;
-              background: ${event.status === 'ok'
-                        ? theme.color.success
-                        : event.status === 'warn'
-                            ? theme.color.warning
-                            : theme.color.error};
-              flex-shrink: 0;
-            ` }), _jsx("span", { css: css `flex: 1; color: ${theme.color.text};`, children: event.label }), _jsx("span", { css: css `color: ${theme.color.textTertiary};`, children: event.time })] }, event.id))) }));
-}
-/** Fully expanded sidebar with panel content and icon bar. */
-export const Expanded = {
-    render: () => {
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        const [activePanel, setActivePanel] = useState('event-log');
-        return (_jsx(Sidebar, { width: 320, isCollapsed: false, activePanel: activePanel, items: sidebarItems, onToggleCollapse: () => { }, onSwitchPanel: (id) => setActivePanel(id), children: _jsx(SidebarPanel, { title: "Event Log", icon: Activity, children: _jsx(MockEventLogContent, {}) }) }));
-    },
-};
-/** Collapsed sidebar — only icon bar visible, panel content hidden. */
-export const Collapsed = {
-    render: () => (_jsx(Sidebar, { width: 320, isCollapsed: true, activePanel: "event-log", items: sidebarItems, onToggleCollapse: () => { }, onSwitchPanel: () => { }, children: _jsx(SidebarPanel, { title: "Event Log", icon: Activity, children: _jsx(MockEventLogContent, {}) }) })),
-};
-/** Fully interactive sidebar with collapse toggle, panel switching, and a split layout. */
-export const Interactive = {
-    render: () => {
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        const [isCollapsed, setIsCollapsed] = useState(false);
-        const [activePanel, setActivePanel] = useState('event-log');
-        const [sidebarWidth, setSidebarWidth] = useState(380);
-        const theme = useTheme();
-        return (_jsxs("div", { css: css `
-          height: 500px;
-          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: "Main Content" }), _jsx("span", { css: css `font-size: ${theme.font.size.sm}; color: ${theme.color.textSecondary};`, children: "Use the divider to resize. Click icons to switch panels." }), _jsxs("span", { css: css `font-size: ${theme.font.size.xs}; color: ${theme.color.textTertiary};`, children: ["Active panel: ", activePanel, " | Sidebar width: ", sidebarWidth, "px | Collapsed: ", isCollapsed ? 'yes' : 'no'] })] }), _jsx(SplitDivider, { onResize: setSidebarWidth, disabled: isCollapsed }), _jsx(Sidebar, { width: sidebarWidth, isCollapsed: isCollapsed, activePanel: activePanel, items: sidebarItems, onToggleCollapse: () => setIsCollapsed((prev) => !prev), onSwitchPanel: (id) => setActivePanel(id), children: _jsx(SidebarPanel, { title: "Event Log", icon: Activity, children: _jsx(MockEventLogContent, {}) }) })] }));
-    },
-};
-//# sourceMappingURL=Sidebar.stories.js.map

package/dist/components/sidebar/Sidebar.stories.js.map

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