@vibe-forge/tsconfigs 0.7.2 → 0.8.0

package/dist/apps/client/src/components/knowledge-base/KnowledgeBaseView.js

@@ -0,0 +1,148 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './KnowledgeBaseView.scss';
+import { App, Tabs } from 'antd';
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import useSWR from 'swr';
+import { useQueryParams } from '#~/hooks/useQueryParams.js';
+import { EntitiesTab } from './components/EntitiesTab.js';
+import { FlowsTab } from './components/FlowsTab.js';
+import { KnowledgeBaseHeader } from './components/KnowledgeBaseHeader.js';
+import { RulesTab } from './components/RulesTab.js';
+import { SkillsTab } from './components/SkillsTab.js';
+import { TabLabel } from './components/TabLabel.js';
+export function KnowledgeBaseView() {
+    const { t } = useTranslation();
+    const { message } = App.useApp();
+    const { data: specsRes, isLoading: isSpecsLoading, mutate: mutateSpecs } = useSWR('/api/ai/specs');
+    const { data: entitiesRes, isLoading: isEntitiesLoading, mutate: mutateEntities } = useSWR('/api/ai/entities');
+    const { data: rulesRes, isLoading: isRulesLoading, mutate: mutateRules } = useSWR('/api/ai/rules');
+    const specs = specsRes?.specs ?? [];
+    const entities = entitiesRes?.entities ?? [];
+    const rules = rulesRes?.rules ?? [];
+    const [specQuery, setSpecQuery] = React.useState('');
+    const [specTagFilter, setSpecTagFilter] = React.useState([]);
+    const [entityQuery, setEntityQuery] = React.useState('');
+    const [entityTagFilter, setEntityTagFilter] = React.useState([]);
+    const [ruleQuery, setRuleQuery] = React.useState('');
+    const { values, update } = useQueryParams({
+        keys: ['kbTab'],
+        defaults: {
+            kbTab: 'skills'
+        }
+    });
+    const specTagOptions = React.useMemo(() => {
+        const tags = new Set();
+        specs.forEach(spec => {
+            spec.tags?.forEach(tag => tags.add(tag));
+        });
+        return Array.from(tags).sort().map(tag => ({ label: tag, value: tag }));
+    }, [specs]);
+    const entityTagOptions = React.useMemo(() => {
+        const tags = new Set();
+        entities.forEach(entity => {
+            entity.tags?.forEach(tag => tags.add(tag));
+        });
+        return Array.from(tags).sort().map(tag => ({ label: tag, value: tag }));
+    }, [entities]);
+    const filteredSpecs = React.useMemo(() => {
+        const query = specQuery.trim().toLowerCase();
+        return specs.filter(spec => {
+            const tags = spec.tags ?? [];
+            if (specTagFilter.length > 0 && !specTagFilter.every(tag => tags.includes(tag)))
+                return false;
+            if (query === '')
+                return true;
+            const paramsText = spec.params.map(param => `${param.name} ${param.description ?? ''}`).join(' ');
+            const tagsText = tags.join(' ');
+            const skillsText = (spec.skills ?? []).join(' ');
+            const rulesText = (spec.rules ?? []).join(' ');
+            const haystack = `${spec.name} ${spec.description} ${paramsText} ${tagsText} ${skillsText} ${rulesText}`
+                .toLowerCase();
+            return haystack.includes(query);
+        });
+    }, [specQuery, specTagFilter, specs]);
+    const filteredEntities = React.useMemo(() => {
+        const query = entityQuery.trim().toLowerCase();
+        return entities.filter(entity => {
+            const tags = entity.tags ?? [];
+            if (entityTagFilter.length > 0 && !entityTagFilter.every(tag => tags.includes(tag)))
+                return false;
+            if (query === '')
+                return true;
+            const tagsText = tags.join(' ');
+            const skillsText = (entity.skills ?? []).join(' ');
+            const rulesText = (entity.rules ?? []).join(' ');
+            const haystack = `${entity.name} ${entity.description} ${tagsText} ${skillsText} ${rulesText}`.toLowerCase();
+            return haystack.includes(query);
+        });
+    }, [entityQuery, entityTagFilter, entities]);
+    const filteredRules = React.useMemo(() => {
+        const query = ruleQuery.trim().toLowerCase();
+        return rules.filter(rule => {
+            if (query === '')
+                return true;
+            const globText = (rule.globs ?? []).join(' ');
+            const haystack = `${rule.name} ${rule.description} ${globText}`.toLowerCase();
+            return haystack.includes(query);
+        });
+    }, [ruleQuery, rules]);
+    const handleRefresh = async () => {
+        await Promise.all([mutateSpecs(), mutateEntities(), mutateRules()]);
+        void message.success(t('knowledge.actions.refreshed'));
+    };
+    const handleCreateSpec = () => {
+        message.info(t('knowledge.flows.createHint'));
+    };
+    const handleImportSpec = () => {
+        message.info(t('knowledge.flows.importHint'));
+    };
+    const handleCreateEntity = () => {
+        message.info(t('knowledge.entities.createHint'));
+    };
+    const handleImportEntity = () => {
+        message.info(t('knowledge.entities.importHint'));
+    };
+    const handleCreateSkill = () => {
+        message.info(t('knowledge.skills.createHint'));
+    };
+    const handleImportSkill = () => {
+        message.info(t('knowledge.skills.importHint'));
+    };
+    const handleCreateRule = () => {
+        message.info(t('knowledge.rules.createHint'));
+    };
+    const handleImportRule = () => {
+        message.info(t('knowledge.rules.importHint'));
+    };
+    const tabs = [
+        {
+            key: 'skills',
+            label: _jsx(TabLabel, { icon: 'psychology', label: t('knowledge.tabs.skills') }),
+            children: (_jsx(SkillsTab, { onCreate: handleCreateSkill, onImport: handleImportSkill }))
+        },
+        {
+            key: 'entities',
+            label: _jsx(TabLabel, { icon: 'group_work', label: t('knowledge.tabs.entities') }),
+            children: (_jsx(EntitiesTab, { entities: entities, filteredEntities: filteredEntities, isLoading: isEntitiesLoading, query: entityQuery, tagOptions: entityTagOptions, tagFilter: entityTagFilter, onQueryChange: setEntityQuery, onTagFilterChange: setEntityTagFilter, onCreate: handleCreateEntity, onImport: handleImportEntity }))
+        },
+        {
+            key: 'flows',
+            label: _jsx(TabLabel, { icon: 'account_tree', label: t('knowledge.tabs.flows') }),
+            children: (_jsx(FlowsTab, { specs: specs, filteredSpecs: filteredSpecs, isLoading: isSpecsLoading, query: specQuery, tagOptions: specTagOptions, tagFilter: specTagFilter, onQueryChange: setSpecQuery, onTagFilterChange: setSpecTagFilter, onCreate: handleCreateSpec, onImport: handleImportSpec }))
+        },
+        {
+            key: 'rules',
+            label: _jsx(TabLabel, { icon: 'gavel', label: t('knowledge.tabs.rules') }),
+            children: (_jsx(RulesTab, { rules: rules, filteredRules: filteredRules, isLoading: isRulesLoading, query: ruleQuery, onQueryChange: setRuleQuery, onCreate: handleCreateRule, onImport: handleImportRule }))
+        }
+    ];
+    const tabKeys = React.useMemo(() => tabs.map(tab => tab.key), [tabs]);
+    const activeTab = tabKeys.includes(values.kbTab) ? values.kbTab : tabKeys[0];
+    React.useEffect(() => {
+        if (values.kbTab !== activeTab) {
+            update({ kbTab: activeTab });
+        }
+    }, [activeTab, update, values.kbTab]);
+    return (_jsxs("div", { className: 'knowledge-base-view', children: [_jsx(KnowledgeBaseHeader, { onRefresh: handleRefresh }), _jsx(Tabs, { className: 'knowledge-base-view__tabs', items: tabs, activeKey: activeTab, onChange: (key) => update({ kbTab: key }) })] }));
+}

package/dist/apps/client/src/components/knowledge-base/components/ActionButton.d.ts

@@ -0,0 +1,3 @@
+import './ActionButton.scss';
+import type { ButtonProps } from 'antd';
+export declare function ActionButton({ className, ...rest }: ButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/apps/client/src/components/knowledge-base/components/ActionButton.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import './ActionButton.scss';
+import { Button } from 'antd';
+export function ActionButton({ className, ...rest }) {
+    const mergedClassName = ['knowledge-base-view__action-button', className].filter(Boolean).join(' ');
+    return _jsx(Button, { ...rest, className: mergedClassName });
+}

package/dist/apps/client/src/components/knowledge-base/components/EmptyState.d.ts

@@ -0,0 +1,9 @@
+import './EmptyState.scss';
+interface EmptyStateProps {
+    description: string;
+    actionLabel?: string;
+    onAction?: () => void;
+    variant?: 'default' | 'simple';
+}
+export declare function EmptyState({ description, actionLabel, onAction, variant }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/apps/client/src/components/knowledge-base/components/EmptyState.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './EmptyState.scss';
+import { Empty } from 'antd';
+import { ActionButton } from './ActionButton';
+export function EmptyState({ description, actionLabel, onAction, variant = 'default' }) {
+    if (variant === 'simple') {
+        return (_jsx("div", { className: 'knowledge-base-view__empty-simple', children: _jsx(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE, description: description }) }));
+    }
+    return (_jsxs("div", { className: 'knowledge-base-view__empty', children: [_jsx(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE, description: description }), actionLabel && onAction && (_jsx(ActionButton, { type: 'primary', icon: _jsx("span", { className: 'material-symbols-rounded', children: "add_circle" }), onClick: onAction, children: actionLabel }))] }));
+}

package/dist/apps/client/src/components/knowledge-base/components/EntitiesTab.d.ts

@@ -0,0 +1,19 @@
+import './EntitiesTab.scss';
+import type { EntitySummary } from '#~/api.js';
+interface EntitiesTabProps {
+    entities: EntitySummary[];
+    filteredEntities: EntitySummary[];
+    isLoading: boolean;
+    query: string;
+    tagOptions: Array<{
+        label: string;
+        value: string;
+    }>;
+    tagFilter: string[];
+    onQueryChange: (value: string) => void;
+    onTagFilterChange: (value: string[]) => void;
+    onCreate: () => void;
+    onImport: () => void;
+}
+export declare function EntitiesTab({ entities, filteredEntities, isLoading, query, tagOptions, tagFilter, onQueryChange, onTagFilterChange, onCreate, onImport }: EntitiesTabProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/apps/client/src/components/knowledge-base/components/EntitiesTab.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './EntitiesTab.scss';
+import { Space } from 'antd';
+import { useTranslation } from 'react-i18next';
+import { ActionButton } from './ActionButton';
+import { EntityList } from './EntityList';
+import { FilterBar } from './FilterBar';
+import { SectionHeader } from './SectionHeader';
+import { TabContent } from './TabContent';
+export function EntitiesTab({ entities, filteredEntities, isLoading, query, tagOptions, tagFilter, onQueryChange, onTagFilterChange, onCreate, onImport }) {
+    const { t } = useTranslation();
+    return (_jsxs(TabContent, { className: 'knowledge-base-view__entities-tab', children: [_jsx(SectionHeader, { title: t('knowledge.entities.title'), description: t('knowledge.entities.desc'), actions: _jsxs(Space, { children: [_jsx(ActionButton, { icon: _jsx("span", { className: 'material-symbols-rounded', children: "download" }), onClick: onImport, children: t('knowledge.actions.import') }), _jsx(ActionButton, { type: 'primary', icon: _jsx("span", { className: 'material-symbols-rounded', children: "add_circle" }), onClick: onCreate, children: t('knowledge.entities.create') })] }) }), _jsx(FilterBar, { query: query, tagOptions: tagOptions, tagFilter: tagFilter, searchPlaceholder: t('knowledge.filters.search'), tagsPlaceholder: t('knowledge.filters.tags'), onQueryChange: onQueryChange, onTagFilterChange: onTagFilterChange }), _jsx(EntityList, { isLoading: isLoading, entities: entities, filteredEntities: filteredEntities, onCreate: onCreate })] }));
+}

package/dist/apps/client/src/components/knowledge-base/components/EntityItem.d.ts

@@ -0,0 +1,7 @@
+import './EntityItem.scss';
+import type { EntitySummary } from '#~/api.js';
+interface EntityItemProps {
+    entity: EntitySummary;
+}
+export declare function EntityItem({ entity }: EntityItemProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/apps/client/src/components/knowledge-base/components/EntityItem.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './EntityItem.scss';
+import { Button, Popover, Tag } from 'antd';
+import { useTranslation } from 'react-i18next';
+import { MetaList } from './MetaList';
+export function EntityItem({ entity }) {
+    const { t } = useTranslation();
+    const tags = entity.tags ?? [];
+    const skills = entity.skills ?? [];
+    const rules = entity.rules ?? [];
+    return (_jsx("div", { className: 'knowledge-base-view__item', children: _jsxs("div", { className: 'knowledge-base-view__item-row', children: [_jsxs("div", { className: 'knowledge-base-view__item-main', children: [_jsxs("div", { className: 'knowledge-base-view__item-title', children: [_jsx("span", { className: 'material-symbols-rounded knowledge-base-view__item-icon', children: "group_work" }), _jsx("span", { children: entity.name })] }), _jsx("div", { className: 'knowledge-base-view__item-desc', children: entity.description }), tags.length > 0 && (_jsx("div", { className: 'knowledge-base-view__tag-list', children: tags.map(tag => (_jsxs(Tag, { className: 'knowledge-base-view__tag', children: [_jsx("span", { className: 'material-symbols-rounded knowledge-base-view__tag-icon', children: "sell" }), _jsx("span", { children: tag })] }, tag))) }))] }), _jsxs("div", { className: 'knowledge-base-view__item-meta', children: [entity.always && (_jsx(Tag, { color: 'blue', children: t('knowledge.meta.always') })), _jsxs("div", { className: 'knowledge-base-view__meta-pills', children: [_jsx(Popover, { content: _jsx(MetaList, { items: skills }), title: t('knowledge.meta.skills'), trigger: 'click', placement: 'bottomRight', children: _jsxs(Button, { type: 'text', className: 'knowledge-base-view__meta-pill', disabled: skills.length === 0, children: [_jsx("span", { className: 'material-symbols-rounded knowledge-base-view__meta-pill-icon', children: "psychology" }), _jsx("span", { children: t('knowledge.meta.skillsCount', { count: skills.length }) })] }) }), _jsx(Popover, { content: _jsx(MetaList, { items: rules }), title: t('knowledge.meta.rules'), trigger: 'click', placement: 'bottomRight', children: _jsxs(Button, { type: 'text', className: 'knowledge-base-view__meta-pill', disabled: rules.length === 0, children: [_jsx("span", { className: 'material-symbols-rounded knowledge-base-view__meta-pill-icon', children: "gavel" }), _jsx("span", { children: t('knowledge.meta.rulesCount', { count: rules.length }) })] }) })] })] })] }) }));
+}

package/dist/apps/client/src/components/knowledge-base/components/EntityList.d.ts

@@ -0,0 +1,10 @@
+import './EntityList.scss';
+import type { EntitySummary } from '#~/api.js';
+interface EntityListProps {
+    isLoading: boolean;
+    entities: EntitySummary[];
+    filteredEntities: EntitySummary[];
+    onCreate: () => void;
+}
+export declare function EntityList({ isLoading, entities, filteredEntities, onCreate }: EntityListProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/apps/client/src/components/knowledge-base/components/EntityList.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import './EntityList.scss';
+import { List } from 'antd';
+import { useTranslation } from 'react-i18next';
+import { EmptyState } from './EmptyState';
+import { EntityItem } from './EntityItem';
+import { KnowledgeList } from './KnowledgeList';
+import { LoadingState } from './LoadingState';
+export function EntityList({ isLoading, entities, filteredEntities, onCreate }) {
+    const { t } = useTranslation();
+    if (isLoading) {
+        return (_jsx("div", { className: 'knowledge-base-view__entity-list', children: _jsx(LoadingState, {}) }));
+    }
+    if (entities.length === 0) {
+        return (_jsx("div", { className: 'knowledge-base-view__entity-list', children: _jsx(EmptyState, { description: t('knowledge.entities.empty'), actionLabel: t('knowledge.entities.create'), onAction: onCreate }) }));
+    }
+    if (filteredEntities.length === 0) {
+        return (_jsx("div", { className: 'knowledge-base-view__entity-list', children: _jsx(EmptyState, { description: t('knowledge.filters.noResults'), variant: 'simple' }) }));
+    }
+    return (_jsx("div", { className: 'knowledge-base-view__entity-list', children: _jsx(KnowledgeList, { data: filteredEntities, renderItem: (entity) => (_jsx(List.Item, { className: 'knowledge-base-view__list-item', children: _jsx(EntityItem, { entity: entity }) })) }) }));
+}

package/dist/apps/client/src/components/knowledge-base/components/FilterBar.d.ts

@@ -0,0 +1,16 @@
+import './FilterBar.scss';
+interface FilterOption {
+    label: string;
+    value: string;
+}
+interface FilterBarProps {
+    query: string;
+    tagOptions: FilterOption[];
+    tagFilter: string[];
+    searchPlaceholder: string;
+    tagsPlaceholder: string;
+    onQueryChange: (value: string) => void;
+    onTagFilterChange: (value: string[]) => void;
+}
+export declare function FilterBar({ query, tagOptions, tagFilter, searchPlaceholder, tagsPlaceholder, onQueryChange, onTagFilterChange }: FilterBarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/apps/client/src/components/knowledge-base/components/FilterBar.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './FilterBar.scss';
+import { Input, Select } from 'antd';
+export function FilterBar({ query, tagOptions, tagFilter, searchPlaceholder, tagsPlaceholder, onQueryChange, onTagFilterChange }) {
+    return (_jsxs("div", { className: 'knowledge-base-view__filters', children: [_jsx(Input, { className: 'knowledge-base-view__filter-input', prefix: _jsx("span", { className: 'material-symbols-rounded knowledge-base-view__filter-icon', children: "search" }), placeholder: searchPlaceholder, allowClear: true, value: query, onChange: (e) => onQueryChange(e.target.value) }), _jsx(Select, { className: 'knowledge-base-view__filter-select', mode: 'multiple', placeholder: tagsPlaceholder, options: tagOptions, value: tagFilter, onChange: onTagFilterChange, maxTagCount: 'responsive', disabled: tagOptions.length === 0 })] }));
+}

package/dist/apps/client/src/components/knowledge-base/components/FlowsTab.d.ts

@@ -0,0 +1,19 @@
+import './FlowsTab.scss';
+import type { SpecSummary } from '#~/api.js';
+interface FlowsTabProps {
+    specs: SpecSummary[];
+    filteredSpecs: SpecSummary[];
+    isLoading: boolean;
+    query: string;
+    tagOptions: Array<{
+        label: string;
+        value: string;
+    }>;
+    tagFilter: string[];
+    onQueryChange: (value: string) => void;
+    onTagFilterChange: (value: string[]) => void;
+    onCreate: () => void;
+    onImport: () => void;
+}
+export declare function FlowsTab({ specs, filteredSpecs, isLoading, query, tagOptions, tagFilter, onQueryChange, onTagFilterChange, onCreate, onImport }: FlowsTabProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/apps/client/src/components/knowledge-base/components/FlowsTab.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './FlowsTab.scss';
+import { Space } from 'antd';
+import { useTranslation } from 'react-i18next';
+import { ActionButton } from './ActionButton';
+import { FilterBar } from './FilterBar';
+import { SectionHeader } from './SectionHeader';
+import { SpecList } from './SpecList';
+import { TabContent } from './TabContent';
+export function FlowsTab({ specs, filteredSpecs, isLoading, query, tagOptions, tagFilter, onQueryChange, onTagFilterChange, onCreate, onImport }) {
+    const { t } = useTranslation();
+    return (_jsxs(TabContent, { className: 'knowledge-base-view__flows-tab', children: [_jsx(SectionHeader, { title: t('knowledge.flows.title'), description: t('knowledge.flows.desc'), actions: _jsxs(Space, { children: [_jsx(ActionButton, { icon: _jsx("span", { className: 'material-symbols-rounded', children: "download" }), onClick: onImport, children: t('knowledge.actions.import') }), _jsx(ActionButton, { type: 'primary', icon: _jsx("span", { className: 'material-symbols-rounded', children: "add_circle" }), onClick: onCreate, children: t('knowledge.flows.create') })] }) }), _jsx(FilterBar, { query: query, tagOptions: tagOptions, tagFilter: tagFilter, searchPlaceholder: t('knowledge.filters.search'), tagsPlaceholder: t('knowledge.filters.tags'), onQueryChange: onQueryChange, onTagFilterChange: onTagFilterChange }), _jsx(SpecList, { isLoading: isLoading, specs: specs, filteredSpecs: filteredSpecs, onCreate: onCreate })] }));
+}

package/dist/apps/client/src/components/knowledge-base/components/KnowledgeBaseHeader.d.ts

@@ -0,0 +1,6 @@
+import './KnowledgeBaseHeader.scss';
+interface KnowledgeBaseHeaderProps {
+    onRefresh: () => void;
+}
+export declare function KnowledgeBaseHeader({ onRefresh }: KnowledgeBaseHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/apps/client/src/components/knowledge-base/components/KnowledgeBaseHeader.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './KnowledgeBaseHeader.scss';
+import { useTranslation } from 'react-i18next';
+import { ActionButton } from './ActionButton';
+export function KnowledgeBaseHeader({ onRefresh }) {
+    const { t } = useTranslation();
+    return (_jsxs("div", { className: 'knowledge-base-view__header', children: [_jsx("div", { className: 'knowledge-base-view__title', children: _jsx("div", { className: 'knowledge-base-view__title-text', children: t('knowledge.title') }) }), _jsx(ActionButton, { icon: _jsx("span", { className: 'material-symbols-rounded', children: "refresh" }), onClick: onRefresh, children: t('knowledge.actions.refresh') })] }));
+}

package/dist/apps/client/src/components/knowledge-base/components/KnowledgeList.d.ts

@@ -0,0 +1,8 @@
+import './KnowledgeList.scss';
+import type { ReactNode } from 'react';
+interface KnowledgeListProps<T> {
+    data: T[];
+    renderItem: (item: T) => ReactNode;
+}
+export declare function KnowledgeList<T>({ data, renderItem }: KnowledgeListProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/apps/client/src/components/knowledge-base/components/KnowledgeList.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import './KnowledgeList.scss';
+import { List } from 'antd';
+export function KnowledgeList({ data, renderItem }) {
+    return (_jsx(List, { className: 'knowledge-base-view__list', dataSource: data, renderItem: (item) => renderItem(item) }));
+}

package/dist/apps/client/src/components/knowledge-base/components/LoadingState.d.ts

@@ -0,0 +1,2 @@
+import './LoadingState.scss';
+export declare function LoadingState(): import("react/jsx-runtime").JSX.Element;

package/dist/apps/client/src/components/knowledge-base/components/LoadingState.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import './LoadingState.scss';
+import { Spin } from 'antd';
+export function LoadingState() {
+    return (_jsx("div", { className: 'knowledge-base-view__loading', children: _jsx(Spin, {}) }));
+}

package/dist/apps/client/src/components/knowledge-base/components/MetaList.d.ts

@@ -0,0 +1,6 @@
+import './MetaList.scss';
+interface MetaListProps {
+    items: string[];
+}
+export declare function MetaList({ items }: MetaListProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/apps/client/src/components/knowledge-base/components/MetaList.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './MetaList.scss';
+export function MetaList({ items }) {
+    return (_jsx("div", { className: 'knowledge-base-view__meta-list', children: items.map(item => (_jsxs("div", { className: 'knowledge-base-view__meta-item', children: [_jsx("span", { className: 'material-symbols-rounded knowledge-base-view__meta-item-icon', children: "check_circle" }), _jsx("span", { children: item })] }, item))) }));
+}

package/dist/apps/client/src/components/knowledge-base/components/RuleItem.d.ts

@@ -0,0 +1,6 @@
+import type { RuleSummary } from '#~/api.js';
+interface RuleItemProps {
+    rule: RuleSummary;
+}
+export declare function RuleItem({ rule }: RuleItemProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/apps/client/src/components/knowledge-base/components/RuleItem.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Empty, Tag, Tooltip } from 'antd';
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import useSWR from 'swr';
+import { getRuleDetail } from '#~/api.js';
+import { MarkdownContent } from '#~/components/MarkdownContent';
+import { LoadingState } from './LoadingState';
+export function RuleItem({ rule }) {
+    const { t } = useTranslation();
+    const [expanded, setExpanded] = React.useState(false);
+    const { data, isLoading } = useSWR(expanded ? ['rule-detail', rule.id] : null, () => getRuleDetail(rule.id));
+    const detail = data?.rule;
+    const body = detail?.body ?? '';
+    const globList = rule.globs ?? [];
+    return (_jsxs("div", { className: 'knowledge-base-view__item', children: [_jsxs("div", { className: 'knowledge-base-view__item-row', children: [_jsxs("div", { className: 'knowledge-base-view__item-main', children: [_jsxs("div", { className: 'knowledge-base-view__item-title', children: [_jsx("span", { className: 'material-symbols-rounded knowledge-base-view__item-icon', children: "gavel" }), _jsx("span", { children: rule.name })] }), _jsx("div", { className: 'knowledge-base-view__item-desc', children: rule.description }), globList.length > 0 && (_jsx("div", { className: 'knowledge-base-view__tag-list', children: globList.map(glob => (_jsxs(Tag, { className: 'knowledge-base-view__tag', children: [_jsx("span", { className: 'material-symbols-rounded knowledge-base-view__tag-icon', children: "folder" }), _jsx("span", { children: glob })] }, glob))) }))] }), _jsxs("div", { className: 'knowledge-base-view__item-meta', children: [rule.always && (_jsx(Tag, { color: 'blue', children: t('knowledge.meta.always') })), _jsx(Tooltip, { title: expanded ? t('knowledge.actions.collapse') : t('knowledge.actions.expand'), children: _jsx(Button, { type: 'text', className: 'knowledge-base-view__icon-button', onClick: () => setExpanded(prev => !prev), icon: _jsx("span", { className: 'material-symbols-rounded', children: expanded ? 'expand_less' : 'expand_more' }) }) })] })] }), expanded && (_jsxs("div", { className: 'knowledge-base-view__detail', children: [isLoading && _jsx(LoadingState, {}), !isLoading && body.trim() === '' && (_jsx(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE, description: t('knowledge.rules.empty') })), !isLoading && body.trim() !== '' && (_jsx("div", { className: 'knowledge-base-view__markdown', children: _jsx(MarkdownContent, { content: body }) }))] }))] }));
+}

package/dist/apps/client/src/components/knowledge-base/components/RuleList.d.ts

@@ -0,0 +1,10 @@
+import './RuleList.scss';
+import type { RuleSummary } from '#~/api.js';
+interface RuleListProps {
+    isLoading: boolean;
+    rules: RuleSummary[];
+    filteredRules: RuleSummary[];
+    onCreate: () => void;
+}
+export declare function RuleList({ isLoading, rules, filteredRules, onCreate }: RuleListProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/apps/client/src/components/knowledge-base/components/RuleList.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import './RuleList.scss';
+import { List } from 'antd';
+import { useTranslation } from 'react-i18next';
+import { EmptyState } from './EmptyState';
+import { KnowledgeList } from './KnowledgeList';
+import { LoadingState } from './LoadingState';
+import { RuleItem } from './RuleItem';
+export function RuleList({ isLoading, rules, filteredRules, onCreate }) {
+    const { t } = useTranslation();
+    if (isLoading) {
+        return (_jsx("div", { className: 'knowledge-base-view__rule-list', children: _jsx(LoadingState, {}) }));
+    }
+    if (rules.length === 0) {
+        return (_jsx("div", { className: 'knowledge-base-view__rule-list', children: _jsx(EmptyState, { description: t('knowledge.rules.empty'), actionLabel: t('knowledge.rules.create'), onAction: onCreate }) }));
+    }
+    if (filteredRules.length === 0) {
+        return (_jsx("div", { className: 'knowledge-base-view__rule-list', children: _jsx(EmptyState, { description: t('knowledge.filters.noResults'), variant: 'simple' }) }));
+    }
+    return (_jsx("div", { className: 'knowledge-base-view__rule-list', children: _jsx(KnowledgeList, { data: filteredRules, renderItem: (rule) => (_jsx(List.Item, { className: 'knowledge-base-view__list-item', children: _jsx(RuleItem, { rule: rule }) })) }) }));
+}

package/dist/apps/client/src/components/knowledge-base/components/RulesTab.d.ts

@@ -0,0 +1,13 @@
+import './RulesTab.scss';
+import type { RuleSummary } from '#~/api.js';
+interface RulesTabProps {
+    rules: RuleSummary[];
+    filteredRules: RuleSummary[];
+    isLoading: boolean;
+    query: string;
+    onQueryChange: (value: string) => void;
+    onCreate: () => void;
+    onImport: () => void;
+}
+export declare function RulesTab({ rules, filteredRules, isLoading, query, onQueryChange, onCreate, onImport }: RulesTabProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/apps/client/src/components/knowledge-base/components/RulesTab.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './RulesTab.scss';
+import { Input, Space } from 'antd';
+import { useTranslation } from 'react-i18next';
+import { ActionButton } from './ActionButton';
+import { RuleList } from './RuleList';
+import { SectionHeader } from './SectionHeader';
+import { TabContent } from './TabContent';
+export function RulesTab({ rules, filteredRules, isLoading, query, onQueryChange, onCreate, onImport }) {
+    const { t } = useTranslation();
+    return (_jsxs(TabContent, { className: 'knowledge-base-view__rules-tab', children: [_jsx(SectionHeader, { title: t('knowledge.rules.title'), description: t('knowledge.rules.desc'), actions: _jsxs(Space, { children: [_jsx(ActionButton, { icon: _jsx("span", { className: 'material-symbols-rounded', children: "download" }), onClick: onImport, children: t('knowledge.actions.import') }), _jsx(ActionButton, { type: 'primary', icon: _jsx("span", { className: 'material-symbols-rounded', children: "add_circle" }), onClick: onCreate, children: t('knowledge.rules.create') })] }) }), _jsx("div", { className: 'knowledge-base-view__filters', children: _jsx(Input, { className: 'knowledge-base-view__filter-input', prefix: _jsx("span", { className: 'material-symbols-rounded knowledge-base-view__filter-icon', children: "search" }), placeholder: t('knowledge.filters.search'), allowClear: true, value: query, onChange: (e) => onQueryChange(e.target.value) }) }), _jsx(RuleList, { isLoading: isLoading, rules: rules, filteredRules: filteredRules, onCreate: onCreate })] }));
+}

package/dist/apps/client/src/components/knowledge-base/components/SectionHeader.d.ts

@@ -0,0 +1,9 @@
+import './SectionHeader.scss';
+import type { ReactNode } from 'react';
+interface SectionHeaderProps {
+    title: string;
+    description: string;
+    actions?: ReactNode;
+}
+export declare function SectionHeader({ title, description, actions }: SectionHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/apps/client/src/components/knowledge-base/components/SectionHeader.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './SectionHeader.scss';
+export function SectionHeader({ title, description, actions }) {
+    return (_jsxs("div", { className: 'knowledge-base-view__section-header', children: [_jsxs("div", { className: 'knowledge-base-view__section-info', children: [_jsx("div", { className: 'knowledge-base-view__section-title', children: title }), _jsx("div", { className: 'knowledge-base-view__section-desc', children: description })] }), actions] }));
+}

package/dist/apps/client/src/components/knowledge-base/components/SkillsTab.d.ts

@@ -0,0 +1,7 @@
+import './SkillsTab.scss';
+interface SkillsTabProps {
+    onCreate: () => void;
+    onImport: () => void;
+}
+export declare function SkillsTab({ onCreate, onImport }: SkillsTabProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/apps/client/src/components/knowledge-base/components/SkillsTab.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './SkillsTab.scss';
+import { Space } from 'antd';
+import { useTranslation } from 'react-i18next';
+import { ActionButton } from './ActionButton';
+import { EmptyState } from './EmptyState';
+import { SectionHeader } from './SectionHeader';
+import { TabContent } from './TabContent';
+export function SkillsTab({ onCreate, onImport }) {
+    const { t } = useTranslation();
+    return (_jsxs(TabContent, { className: 'knowledge-base-view__skills-tab', children: [_jsx(SectionHeader, { title: t('knowledge.skills.title'), description: t('knowledge.skills.desc'), actions: _jsxs(Space, { children: [_jsx(ActionButton, { icon: _jsx("span", { className: 'material-symbols-rounded', children: "download" }), onClick: onImport, children: t('knowledge.actions.import') }), _jsx(ActionButton, { type: 'primary', icon: _jsx("span", { className: 'material-symbols-rounded', children: "add_circle" }), onClick: onCreate, children: t('knowledge.skills.create') })] }) }), _jsx(EmptyState, { description: t('knowledge.skills.empty'), actionLabel: t('knowledge.skills.create'), onAction: onCreate })] }));
+}

package/dist/apps/client/src/components/knowledge-base/components/SpecItem.d.ts

@@ -0,0 +1,7 @@
+import './SpecItem.scss';
+import type { SpecSummary } from '#~/api.js';
+interface SpecItemProps {
+    spec: SpecSummary;
+}
+export declare function SpecItem({ spec }: SpecItemProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/apps/client/src/components/knowledge-base/components/SpecItem.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './SpecItem.scss';
+import { Button, Empty, Popover, Tag, Tooltip } from 'antd';
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import useSWR from 'swr';
+import { getSpecDetail } from '#~/api.js';
+import { MarkdownContent } from '#~/components/MarkdownContent';
+import { LoadingState } from './LoadingState';
+import { MetaList } from './MetaList';
+export function SpecItem({ spec }) {
+    const { t } = useTranslation();
+    const [expanded, setExpanded] = React.useState(false);
+    const { data, isLoading } = useSWR(expanded ? ['spec-detail', spec.id] : null, () => getSpecDetail(spec.id));
+    const detail = data?.spec;
+    const body = detail?.body ?? '';
+    const tags = spec.tags ?? [];
+    const skills = spec.skills ?? [];
+    const rules = spec.rules ?? [];
+    return (_jsxs("div", { className: 'knowledge-base-view__item', children: [_jsxs("div", { className: 'knowledge-base-view__item-row', children: [_jsxs("div", { className: 'knowledge-base-view__item-main', children: [_jsxs("div", { className: 'knowledge-base-view__item-title', children: [_jsx("span", { className: 'material-symbols-rounded knowledge-base-view__item-icon', children: "account_tree" }), _jsx("span", { children: spec.name })] }), _jsx("div", { className: 'knowledge-base-view__item-desc', children: spec.description }), spec.params.length > 0 && (_jsx("div", { className: 'knowledge-base-view__params', children: spec.params.map(param => (_jsxs("div", { className: 'knowledge-base-view__param', children: [_jsx("span", { className: 'material-symbols-rounded knowledge-base-view__param-icon', children: "tune" }), _jsxs("div", { className: 'knowledge-base-view__param-text', children: [_jsx("span", { className: 'knowledge-base-view__param-name', children: param.name }), param.description && (_jsx("span", { className: 'knowledge-base-view__param-desc', children: param.description }))] })] }, param.name))) })), tags.length > 0 && (_jsx("div", { className: 'knowledge-base-view__tag-list', children: tags.map(tag => (_jsxs(Tag, { className: 'knowledge-base-view__tag', children: [_jsx("span", { className: 'material-symbols-rounded knowledge-base-view__tag-icon', children: "sell" }), _jsx("span", { children: tag })] }, tag))) }))] }), _jsxs("div", { className: 'knowledge-base-view__item-meta', children: [spec.always && (_jsx(Tag, { color: 'blue', children: t('knowledge.meta.always') })), _jsxs("div", { className: 'knowledge-base-view__meta-pills', children: [_jsx(Popover, { content: _jsx(MetaList, { items: skills }), title: t('knowledge.meta.skills'), trigger: 'click', placement: 'bottomRight', children: _jsxs(Button, { type: 'text', className: 'knowledge-base-view__meta-pill', disabled: skills.length === 0, children: [_jsx("span", { className: 'material-symbols-rounded knowledge-base-view__meta-pill-icon', children: "psychology" }), _jsx("span", { children: t('knowledge.meta.skillsCount', { count: skills.length }) })] }) }), _jsx(Popover, { content: _jsx(MetaList, { items: rules }), title: t('knowledge.meta.rules'), trigger: 'click', placement: 'bottomRight', children: _jsxs(Button, { type: 'text', className: 'knowledge-base-view__meta-pill', disabled: rules.length === 0, children: [_jsx("span", { className: 'material-symbols-rounded knowledge-base-view__meta-pill-icon', children: "gavel" }), _jsx("span", { children: t('knowledge.meta.rulesCount', { count: rules.length }) })] }) })] }), _jsx(Tooltip, { title: expanded ? t('knowledge.actions.collapse') : t('knowledge.actions.expand'), children: _jsx(Button, { type: 'text', className: 'knowledge-base-view__icon-button', onClick: () => setExpanded(prev => !prev), icon: _jsx("span", { className: 'material-symbols-rounded', children: expanded ? 'expand_less' : 'expand_more' }) }) })] })] }), expanded && (_jsxs("div", { className: 'knowledge-base-view__detail', children: [isLoading && _jsx(LoadingState, {}), !isLoading && body.trim() === '' && (_jsx(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE, description: t('knowledge.flows.noContent') })), !isLoading && body.trim() !== '' && (_jsx("div", { className: 'knowledge-base-view__markdown', children: _jsx(MarkdownContent, { content: body }) }))] }))] }));
+}

package/dist/apps/client/src/components/knowledge-base/components/SpecList.d.ts

@@ -0,0 +1,10 @@
+import './SpecList.scss';
+import type { SpecSummary } from '#~/api.js';
+interface SpecListProps {
+    isLoading: boolean;
+    specs: SpecSummary[];
+    filteredSpecs: SpecSummary[];
+    onCreate: () => void;
+}
+export declare function SpecList({ isLoading, specs, filteredSpecs, onCreate }: SpecListProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/apps/client/src/components/knowledge-base/components/SpecList.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import './SpecList.scss';
+import { List } from 'antd';
+import { useTranslation } from 'react-i18next';
+import { EmptyState } from './EmptyState';
+import { KnowledgeList } from './KnowledgeList';
+import { LoadingState } from './LoadingState';
+import { SpecItem } from './SpecItem';
+export function SpecList({ isLoading, specs, filteredSpecs, onCreate }) {
+    const { t } = useTranslation();
+    if (isLoading) {
+        return (_jsx("div", { className: 'knowledge-base-view__spec-list', children: _jsx(LoadingState, {}) }));
+    }
+    if (specs.length === 0) {
+        return (_jsx("div", { className: 'knowledge-base-view__spec-list', children: _jsx(EmptyState, { description: t('knowledge.flows.empty'), actionLabel: t('knowledge.flows.create'), onAction: onCreate }) }));
+    }
+    if (filteredSpecs.length === 0) {
+        return (_jsx("div", { className: 'knowledge-base-view__spec-list', children: _jsx(EmptyState, { description: t('knowledge.filters.noResults'), variant: 'simple' }) }));
+    }
+    return (_jsx("div", { className: 'knowledge-base-view__spec-list', children: _jsx(KnowledgeList, { data: filteredSpecs, renderItem: (spec) => (_jsx(List.Item, { className: 'knowledge-base-view__list-item', children: _jsx(SpecItem, { spec: spec }) })) }) }));
+}