@aix-chat/layouts 0.1.0

package/dist/composer/LayoutComposer.d.ts

@@ -0,0 +1,76 @@
+import type { BasePanel, PanelProps } from '../panels/base';
+import type { ChatCoreContainerConfig } from '../core';
+type ChatCore = any;
+/**
+ * 面板配置
+ */
+export interface PanelConfig {
+    /** 面板实例 */
+    panel: BasePanel;
+    /** 面板配置 */
+    config?: any;
+    /** 面板宽度 */
+    width?: number;
+    /** 面板高度 */
+    height?: number;
+    /** 是否可折叠 */
+    collapsible?: boolean;
+    /** 默认折叠状态 */
+    defaultCollapsed?: boolean;
+}
+/**
+ * 布局编排器配置
+ */
+export interface LayoutComposerConfig {
+    /** Chat 核心配置 */
+    chatConfig?: ChatCoreContainerConfig;
+    /** 左侧面板 */
+    leftPanel?: PanelConfig;
+    /** 右侧面板 */
+    rightPanel?: PanelConfig;
+    /** 顶部面板 */
+    topPanel?: PanelConfig;
+    /** 底部面板 */
+    bottomPanel?: PanelConfig;
+}
+/**
+ * 布局编排器属性
+ */
+export interface LayoutComposerProps {
+    /** ChatCore 实例 */
+    core: ChatCore;
+    /** 配置 */
+    config?: LayoutComposerConfig;
+}
+/**
+ * 布局编排器
+ * 组合 Chat 核心 + 扩展面板
+ */
+export interface LayoutComposer {
+    /** 类型 */
+    type: 'layout-composer';
+    /** 属性 */
+    props: LayoutComposerProps;
+    /** 渲染配置 */
+    renderConfig: {
+        core: ChatCore;
+        chatConfig?: ChatCoreContainerConfig;
+        left?: PanelProps & {
+            panel: BasePanel;
+        };
+        right?: PanelProps & {
+            panel: BasePanel;
+        };
+        top?: PanelProps & {
+            panel: BasePanel;
+        };
+        bottom?: PanelProps & {
+            panel: BasePanel;
+        };
+    };
+}
+/**
+ * 创建布局编排器
+ */
+export declare function createLayoutComposer(core: ChatCore, config?: LayoutComposerConfig): LayoutComposer;
+export default createLayoutComposer;

package/dist/composer/LayoutComposer.js

@@ -0,0 +1,92 @@
+// TODO: ChatCore 类型不存在于 @aix-chat/core，需要重新设计
+// import type { ChatCore } from '@aix-chat/core';
+
+// 临时类型定义
+
+/**
+ * 面板配置
+ */
+
+/**
+ * 布局编排器配置
+ */
+
+/**
+ * 布局编排器属性
+ */
+
+/**
+ * 布局编排器
+ * 组合 Chat 核心 + 扩展面板
+ */
+
+/**
+ * 创建布局编排器
+ */
+export function createLayoutComposer(core, config) {
+  var _ref = config || {},
+    chatConfig = _ref.chatConfig,
+    leftPanel = _ref.leftPanel,
+    rightPanel = _ref.rightPanel,
+    topPanel = _ref.topPanel,
+    bottomPanel = _ref.bottomPanel;
+  var renderConfig = {
+    core: core,
+    chatConfig: chatConfig
+  };
+
+  // 构建面板渲染配置
+  if (leftPanel) {
+    renderConfig.left = {
+      core: core,
+      config: leftPanel.config,
+      position: 'left',
+      width: leftPanel.width,
+      collapsible: leftPanel.collapsible,
+      defaultCollapsed: leftPanel.defaultCollapsed,
+      panel: leftPanel.panel
+    };
+  }
+  if (rightPanel) {
+    renderConfig.right = {
+      core: core,
+      config: rightPanel.config,
+      position: 'right',
+      width: rightPanel.width,
+      collapsible: rightPanel.collapsible,
+      defaultCollapsed: rightPanel.defaultCollapsed,
+      panel: rightPanel.panel
+    };
+  }
+  if (topPanel) {
+    renderConfig.top = {
+      core: core,
+      config: topPanel.config,
+      position: 'top',
+      height: topPanel.height,
+      collapsible: topPanel.collapsible,
+      defaultCollapsed: topPanel.defaultCollapsed,
+      panel: topPanel.panel
+    };
+  }
+  if (bottomPanel) {
+    renderConfig.bottom = {
+      core: core,
+      config: bottomPanel.config,
+      position: 'bottom',
+      height: bottomPanel.height,
+      collapsible: bottomPanel.collapsible,
+      defaultCollapsed: bottomPanel.defaultCollapsed,
+      panel: bottomPanel.panel
+    };
+  }
+  return {
+    type: 'layout-composer',
+    props: {
+      core: core,
+      config: config
+    },
+    renderConfig: renderConfig
+  };
+}
+export default createLayoutComposer;

package/dist/composer/index.d.ts

@@ -0,0 +1,2 @@
+export { createLayoutComposer, type LayoutComposer, type LayoutComposerProps, type LayoutComposerConfig, type PanelConfig, } from './LayoutComposer';
+export { default } from './LayoutComposer';

package/dist/composer/index.js

@@ -0,0 +1,2 @@
+export { createLayoutComposer } from "./LayoutComposer";
+export { default } from "./LayoutComposer";

package/dist/core/ChatCoreContainer.d.ts

@@ -0,0 +1,46 @@
+type ChatCore = any;
+type Message = any;
+/**
+ * 消息渲染器
+ */
+export interface MessageRenderer {
+    match: (message: Message) => boolean;
+    render: (message: Message) => any;
+}
+/**
+ * Chat 核心容器配置
+ */
+export interface ChatCoreContainerConfig {
+    /** 是否显示头部 */
+    showHeader?: boolean;
+    /** 是否显示输入框 */
+    showInput?: boolean;
+    /** 消息渲染器 */
+    messageRenderers?: Record<string, MessageRenderer>;
+    /** 欢迎消息 */
+    welcomeMessage?: string;
+}
+/**
+ * Chat 核心容器属性
+ */
+export interface ChatCoreContainerProps {
+    /** ChatCore 实例 */
+    core: ChatCore;
+    /** 配置 */
+    config?: ChatCoreContainerConfig;
+}
+/**
+ * Chat 核心容器
+ * 只包含消息列表和输入框，是所有布局的公共核心
+ */
+export interface ChatCoreContainer {
+    /** 容器类型 */
+    type: 'chat-core';
+    /** 属性 */
+    props: ChatCoreContainerProps;
+}
+/**
+ * 创建 Chat 核心容器配置
+ */
+export declare function createChatCoreContainer(core: ChatCore, config?: ChatCoreContainerConfig): ChatCoreContainer;
+export default createChatCoreContainer;

package/dist/core/ChatCoreContainer.js

@@ -0,0 +1,35 @@
+// TODO: ChatCore, Message 类型不存在于 @aix-chat/core，需要重新设计
+// import type { ChatCore, Message } from '@aix-chat/core';
+
+// 临时类型定义
+
+/**
+ * 消息渲染器
+ */
+
+/**
+ * Chat 核心容器配置
+ */
+
+/**
+ * Chat 核心容器属性
+ */
+
+/**
+ * Chat 核心容器
+ * 只包含消息列表和输入框，是所有布局的公共核心
+ */
+
+/**
+ * 创建 Chat 核心容器配置
+ */
+export function createChatCoreContainer(core, config) {
+  return {
+    type: 'chat-core',
+    props: {
+      core: core,
+      config: config
+    }
+  };
+}
+export default createChatCoreContainer;

package/dist/core/index.d.ts

@@ -0,0 +1,2 @@
+export { createChatCoreContainer, type ChatCoreContainer, type ChatCoreContainerProps, type ChatCoreContainerConfig, type MessageRenderer, } from './ChatCoreContainer';
+export { default } from './ChatCoreContainer';

package/dist/core/index.js

@@ -0,0 +1,2 @@
+export { createChatCoreContainer } from "./ChatCoreContainer";
+export { default } from "./ChatCoreContainer";

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { createChatCoreContainer, type ChatCoreContainer, type ChatCoreContainerProps, type ChatCoreContainerConfig, type MessageRenderer, } from './core';
+export { BasePanel, type PanelProps, type PanelPosition, type PanelCapability, type PanelConfigSchema, ConversationPanel, type ConversationPanelConfig, SkillPanel, type SkillPanelConfig, DataPanel, type DataPanelConfig, type DataSourceType, SidePanel, type SidePanelConfig, createPanel, registerPanel, getAvailablePanels, hasPanel, type PanelMetadata, } from './panels';
+export { createLayoutComposer, type LayoutComposer, type LayoutComposerProps, type LayoutComposerConfig, type PanelConfig, } from './composer';

package/dist/index.js

@@ -0,0 +1,14 @@
+// 核心容器
+export { createChatCoreContainer } from "./core";
+
+// 面板系统
+export {
+// 基类
+BasePanel,
+// 具体面板
+ConversationPanel, SkillPanel, DataPanel, SidePanel,
+// 注册表
+createPanel, registerPanel, getAvailablePanels, hasPanel } from "./panels";
+
+// 布局编排器
+export { createLayoutComposer } from "./composer";

package/dist/panels/base/BasePanel.d.ts

@@ -0,0 +1,64 @@
+type ChatCore = any;
+/**
+ * 面板位置
+ */
+export type PanelPosition = 'left' | 'right' | 'top' | 'bottom' | 'floating';
+/**
+ * 面板能力
+ */
+export interface PanelCapability {
+    name: string;
+    supported: boolean;
+}
+/**
+ * 面板配置 Schema
+ */
+export interface PanelConfigSchema {
+    type: 'object';
+    properties?: Record<string, any>;
+}
+/**
+ * 面板属性
+ */
+export interface PanelProps {
+    /** ChatCore 实例 */
+    core: ChatCore;
+    /** 面板配置 */
+    config?: any;
+    /** 面板位置 */
+    position: PanelPosition;
+    /** 面板宽度 */
+    width?: number;
+    /** 面板高度 */
+    height?: number;
+    /** 是否可折叠 */
+    collapsible?: boolean;
+    /** 默认折叠状态 */
+    defaultCollapsed?: boolean;
+}
+/**
+ * 面板基类
+ * 所有面板都必须继承此类
+ */
+export declare abstract class BasePanel {
+    /** 面板唯一标识 */
+    abstract readonly id: string;
+    /** 面板显示名称 */
+    abstract readonly name: string;
+    /** 面板图标 */
+    abstract readonly icon?: string;
+    /**
+     * 渲染面板
+     * @param props 面板属性
+     */
+    abstract render(props: PanelProps): any;
+    /**
+     * 获取面板配置 Schema
+     */
+    getConfigSchema(): PanelConfigSchema;
+    /**
+     * 获取面板能力声明
+     */
+    getCapabilities(): PanelCapability[];
+}
+export default BasePanel;

package/dist/panels/base/BasePanel.js

@@ -0,0 +1,56 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+// TODO: ChatCore 类型不存在于 @aix-chat/core，需要重新设计
+// import type { ChatCore } from '@aix-chat/core';
+
+// 临时类型定义
+
+/**
+ * 面板位置
+ */
+
+/**
+ * 面板能力
+ */
+
+/**
+ * 面板配置 Schema
+ */
+
+/**
+ * 面板属性
+ */
+
+/**
+ * 面板基类
+ * 所有面板都必须继承此类
+ */
+export var BasePanel = /*#__PURE__*/function () {
+  function BasePanel() {
+    _classCallCheck(this, BasePanel);
+  }
+  _createClass(BasePanel, [{
+    key: "getConfigSchema",
+    value:
+    /**
+     * 获取面板配置 Schema
+     */
+    function getConfigSchema() {
+      return {
+        type: 'object',
+        properties: {}
+      };
+    }
+
+    /**
+     * 获取面板能力声明
+     */
+  }, {
+    key: "getCapabilities",
+    value: function getCapabilities() {
+      return [];
+    }
+  }]);
+  return BasePanel;
+}();
+export default BasePanel;

package/dist/panels/base/index.d.ts

@@ -0,0 +1,2 @@
+export { BasePanel, type PanelProps, type PanelPosition, type PanelCapability, type PanelConfigSchema, } from './BasePanel';
+export { default } from './BasePanel';

package/dist/panels/base/index.js

@@ -0,0 +1,2 @@
+export { BasePanel } from "./BasePanel";
+export { default } from "./BasePanel";

package/dist/panels/conversation/ConversationPanel.d.ts

@@ -0,0 +1,31 @@
+import { BasePanel, type PanelProps, type PanelConfigSchema } from '../base';
+/**
+ * 会话列表面板配置
+ */
+export interface ConversationPanelConfig {
+    /** 是否显示头像 */
+    showAvatar?: boolean;
+    /** 标题最大长度 */
+    maxTitleLength?: number;
+    /** 允许删除 */
+    allowDelete?: boolean;
+    /** 允许重命名 */
+    allowRename?: boolean;
+    /** 展开状态 */
+    expand?: boolean;
+}
+/**
+ * 会话列表面板
+ */
+export declare class ConversationPanel extends BasePanel {
+    readonly id = "conversation";
+    readonly name = "\u4F1A\u8BDD\u5217\u8868";
+    readonly icon = "MessageOutlined";
+    render(props: PanelProps): any;
+    getConfigSchema(): PanelConfigSchema;
+    getCapabilities(): {
+        name: string;
+        supported: boolean;
+    }[];
+}
+export default ConversationPanel;

package/dist/panels/conversation/ConversationPanel.js

@@ -0,0 +1,97 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { BasePanel } from "../base";
+
+/**
+ * 会话列表面板配置
+ */
+
+/**
+ * 会话列表面板
+ */
+export var ConversationPanel = /*#__PURE__*/function (_BasePanel) {
+  _inherits(ConversationPanel, _BasePanel);
+  var _super = _createSuper(ConversationPanel);
+  function ConversationPanel() {
+    var _this;
+    _classCallCheck(this, ConversationPanel);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "id", 'conversation');
+    _defineProperty(_assertThisInitialized(_this), "name", '会话列表');
+    _defineProperty(_assertThisInitialized(_this), "icon", 'MessageOutlined');
+    return _this;
+  }
+  _createClass(ConversationPanel, [{
+    key: "render",
+    value: function render(props) {
+      // 返回面板配置，实际渲染由 UI 层实现
+      return {
+        type: 'conversation',
+        props: props
+      };
+    }
+  }, {
+    key: "getConfigSchema",
+    value: function getConfigSchema() {
+      return {
+        type: 'object',
+        properties: {
+          showAvatar: {
+            type: 'boolean',
+            default: true,
+            description: '是否显示头像'
+          },
+          maxTitleLength: {
+            type: 'number',
+            default: 30,
+            description: '标题最大长度'
+          },
+          allowDelete: {
+            type: 'boolean',
+            default: true,
+            description: '允许删除会话'
+          },
+          allowRename: {
+            type: 'boolean',
+            default: true,
+            description: '允许重命名会话'
+          },
+          expand: {
+            type: 'boolean',
+            default: true,
+            description: '默认展开状态'
+          }
+        }
+      };
+    }
+  }, {
+    key: "getCapabilities",
+    value: function getCapabilities() {
+      return [{
+        name: 'createConversation',
+        supported: true
+      }, {
+        name: 'deleteConversation',
+        supported: true
+      }, {
+        name: 'renameConversation',
+        supported: true
+      }, {
+        name: 'switchConversation',
+        supported: true
+      }, {
+        name: 'searchConversation',
+        supported: false
+      }];
+    }
+  }]);
+  return ConversationPanel;
+}(BasePanel);
+export default ConversationPanel;

package/dist/panels/conversation/index.d.ts

@@ -0,0 +1,2 @@
+export { ConversationPanel, type ConversationPanelConfig, } from './ConversationPanel';
+export { default } from './ConversationPanel';

package/dist/panels/conversation/index.js

@@ -0,0 +1,2 @@
+export { ConversationPanel } from "./ConversationPanel";
+export { default } from "./ConversationPanel";

package/dist/panels/data/DataPanel.d.ts

@@ -0,0 +1,36 @@
+import { BasePanel, type PanelProps, type PanelConfigSchema } from '../base';
+/**
+ * 数据源类型
+ */
+export type DataSourceType = 'api' | 'static' | 'custom';
+/**
+ * 数据列表面板配置
+ */
+export interface DataPanelConfig {
+    /** 面板标题 */
+    title?: string;
+    /** 数据源 */
+    dataSource?: {
+        type: DataSourceType;
+        config?: any;
+    };
+    /** 列表项渲染器 */
+    itemRenderer?: string;
+    /** 是否可多选 */
+    multiSelect?: boolean;
+}
+/**
+ * 数据列表面板
+ */
+export declare class DataPanel extends BasePanel {
+    readonly id = "data";
+    readonly name = "\u6570\u636E\u5217\u8868";
+    readonly icon = "DatabaseOutlined";
+    render(props: PanelProps): any;
+    getConfigSchema(): PanelConfigSchema;
+    getCapabilities(): {
+        name: string;
+        supported: boolean;
+    }[];
+}
+export default DataPanel;

package/dist/panels/data/DataPanel.js

@@ -0,0 +1,97 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { BasePanel } from "../base";
+
+/**
+ * 数据源类型
+ */
+
+/**
+ * 数据列表面板配置
+ */
+
+/**
+ * 数据列表面板
+ */
+export var DataPanel = /*#__PURE__*/function (_BasePanel) {
+  _inherits(DataPanel, _BasePanel);
+  var _super = _createSuper(DataPanel);
+  function DataPanel() {
+    var _this;
+    _classCallCheck(this, DataPanel);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "id", 'data');
+    _defineProperty(_assertThisInitialized(_this), "name", '数据列表');
+    _defineProperty(_assertThisInitialized(_this), "icon", 'DatabaseOutlined');
+    return _this;
+  }
+  _createClass(DataPanel, [{
+    key: "render",
+    value: function render(props) {
+      return {
+        type: 'data',
+        props: props
+      };
+    }
+  }, {
+    key: "getConfigSchema",
+    value: function getConfigSchema() {
+      return {
+        type: 'object',
+        properties: {
+          title: {
+            type: 'string',
+            default: '数据目录',
+            description: '面板标题'
+          },
+          dataSource: {
+            type: 'object',
+            properties: {
+              type: {
+                type: 'string',
+                enum: ['api', 'static', 'custom'],
+                description: '数据源类型'
+              },
+              config: {
+                type: 'object',
+                description: '数据源配置'
+              }
+            }
+          },
+          itemRenderer: {
+            type: 'string',
+            description: '列表项渲染器组件名称'
+          },
+          multiSelect: {
+            type: 'boolean',
+            default: false,
+            description: '是否可多选'
+          }
+        }
+      };
+    }
+  }, {
+    key: "getCapabilities",
+    value: function getCapabilities() {
+      return [{
+        name: 'selectData',
+        supported: true
+      }, {
+        name: 'multiSelect',
+        supported: true
+      }, {
+        name: 'searchData',
+        supported: false
+      }];
+    }
+  }]);
+  return DataPanel;
+}(BasePanel);
+export default DataPanel;

package/dist/panels/data/index.d.ts

@@ -0,0 +1,2 @@
+export { DataPanel, type DataPanelConfig, type DataSourceType } from './DataPanel';
+export { default } from './DataPanel';

package/dist/panels/data/index.js

@@ -0,0 +1,2 @@
+export { DataPanel } from "./DataPanel";
+export { default } from "./DataPanel";

package/dist/panels/index.d.ts

@@ -0,0 +1,32 @@
+export { BasePanel, type PanelProps, type PanelPosition, type PanelCapability, type PanelConfigSchema, } from './base';
+export { ConversationPanel, type ConversationPanelConfig } from './conversation';
+export { SkillPanel, type SkillPanelConfig } from './skill';
+export { DataPanel, type DataPanelConfig, type DataSourceType } from './data';
+export { SidePanel, type SidePanelConfig } from './side';
+import type { BasePanel } from './base';
+/**
+ * 面板元数据
+ */
+export interface PanelMetadata {
+    id: string;
+    name: string;
+    icon?: string;
+    configSchema: any;
+    capabilities: any[];
+}
+/**
+ * 注册面板
+ */
+export declare function registerPanel(id: string, PanelClass: new () => BasePanel): void;
+/**
+ * 创建面板实例
+ */
+export declare function createPanel(id: string): BasePanel;
+/**
+ * 获取所有可用面板
+ */
+export declare function getAvailablePanels(): PanelMetadata[];
+/**
+ * 检查面板是否已注册
+ */
+export declare function hasPanel(id: string): boolean;

package/dist/panels/index.js

@@ -0,0 +1,72 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+// 面板基类
+export { BasePanel } from "./base";
+
+// 具体面板
+export { ConversationPanel } from "./conversation";
+export { SkillPanel } from "./skill";
+export { DataPanel } from "./data";
+export { SidePanel } from "./side";
+import { ConversationPanel } from "./conversation";
+import { SkillPanel } from "./skill";
+import { DataPanel } from "./data";
+import { SidePanel } from "./side";
+
+/**
+ * 面板元数据
+ */
+
+/**
+ * 面板注册表
+ */
+var panelRegistry = new Map();
+
+/**
+ * 注册面板
+ */
+export function registerPanel(id, PanelClass) {
+  panelRegistry.set(id, PanelClass);
+}
+
+/**
+ * 创建面板实例
+ */
+export function createPanel(id) {
+  var PanelClass = panelRegistry.get(id);
+  if (!PanelClass) {
+    throw new Error("Panel \"".concat(id, "\" not found in registry"));
+  }
+  return new PanelClass();
+}
+
+/**
+ * 获取所有可用面板
+ */
+export function getAvailablePanels() {
+  return Array.from(panelRegistry.entries()).map(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      id = _ref2[0],
+      PanelClass = _ref2[1];
+    var instance = new PanelClass();
+    return {
+      id: id,
+      name: instance.name,
+      icon: instance.icon,
+      configSchema: instance.getConfigSchema(),
+      capabilities: instance.getCapabilities()
+    };
+  });
+}
+
+/**
+ * 检查面板是否已注册
+ */
+export function hasPanel(id) {
+  return panelRegistry.has(id);
+}
+
+// 注册内置面板
+registerPanel('conversation', ConversationPanel);
+registerPanel('skill', SkillPanel);
+registerPanel('data', DataPanel);
+registerPanel('side', SidePanel);

package/dist/panels/side/SidePanel.d.ts

@@ -0,0 +1,28 @@
+import { BasePanel, type PanelProps, type PanelConfigSchema } from '../base';
+/**
+ * 副屏面板配置
+ */
+export interface SidePanelConfig {
+    /** 默认展开 */
+    defaultOpen?: boolean;
+    /** 可渲染的组件列表 */
+    components?: string[];
+    /** 标题 */
+    title?: string;
+}
+/**
+ * 副屏面板
+ * 用于显示动态内容、插件扩展等
+ */
+export declare class SidePanel extends BasePanel {
+    readonly id = "side";
+    readonly name = "\u526F\u5C4F";
+    readonly icon = "LayoutOutlined";
+    render(props: PanelProps): any;
+    getConfigSchema(): PanelConfigSchema;
+    getCapabilities(): {
+        name: string;
+        supported: boolean;
+    }[];
+}
+export default SidePanel;

package/dist/panels/side/SidePanel.js

@@ -0,0 +1,79 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { BasePanel } from "../base";
+
+/**
+ * 副屏面板配置
+ */
+
+/**
+ * 副屏面板
+ * 用于显示动态内容、插件扩展等
+ */
+export var SidePanel = /*#__PURE__*/function (_BasePanel) {
+  _inherits(SidePanel, _BasePanel);
+  var _super = _createSuper(SidePanel);
+  function SidePanel() {
+    var _this;
+    _classCallCheck(this, SidePanel);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "id", 'side');
+    _defineProperty(_assertThisInitialized(_this), "name", '副屏');
+    _defineProperty(_assertThisInitialized(_this), "icon", 'LayoutOutlined');
+    return _this;
+  }
+  _createClass(SidePanel, [{
+    key: "render",
+    value: function render(props) {
+      return {
+        type: 'side',
+        props: props
+      };
+    }
+  }, {
+    key: "getConfigSchema",
+    value: function getConfigSchema() {
+      return {
+        type: 'object',
+        properties: {
+          defaultOpen: {
+            type: 'boolean',
+            default: false,
+            description: '默认展开状态'
+          },
+          components: {
+            type: 'array',
+            items: {
+              type: 'string'
+            },
+            description: '可渲染的组件列表'
+          },
+          title: {
+            type: 'string',
+            description: '面板标题'
+          }
+        }
+      };
+    }
+  }, {
+    key: "getCapabilities",
+    value: function getCapabilities() {
+      return [{
+        name: 'dynamicContent',
+        supported: true
+      }, {
+        name: 'pluginExtension',
+        supported: true
+      }];
+    }
+  }]);
+  return SidePanel;
+}(BasePanel);
+export default SidePanel;

package/dist/panels/side/index.d.ts

@@ -0,0 +1,2 @@
+export { SidePanel, type SidePanelConfig } from './SidePanel';
+export { default } from './SidePanel';

package/dist/panels/side/index.js

@@ -0,0 +1,2 @@
+export { SidePanel } from "./SidePanel";
+export { default } from "./SidePanel";

package/dist/panels/skill/SkillPanel.d.ts

@@ -0,0 +1,27 @@
+import { BasePanel, type PanelProps, type PanelConfigSchema } from '../base';
+/**
+ * 技能列表面板配置
+ */
+export interface SkillPanelConfig {
+    /** 技能分组字段 */
+    groupBy?: string;
+    /** 技能 ID 列表（过滤） */
+    skills?: string[];
+    /** 显示描述 */
+    showDescription?: boolean;
+}
+/**
+ * 技能列表面板
+ */
+export declare class SkillPanel extends BasePanel {
+    readonly id = "skill";
+    readonly name = "\u6280\u80FD\u5217\u8868";
+    readonly icon = "AppstoreOutlined";
+    render(props: PanelProps): any;
+    getConfigSchema(): PanelConfigSchema;
+    getCapabilities(): {
+        name: string;
+        supported: boolean;
+    }[];
+}
+export default SkillPanel;

package/dist/panels/skill/SkillPanel.js

@@ -0,0 +1,78 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { BasePanel } from "../base";
+
+/**
+ * 技能列表面板配置
+ */
+
+/**
+ * 技能列表面板
+ */
+export var SkillPanel = /*#__PURE__*/function (_BasePanel) {
+  _inherits(SkillPanel, _BasePanel);
+  var _super = _createSuper(SkillPanel);
+  function SkillPanel() {
+    var _this;
+    _classCallCheck(this, SkillPanel);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "id", 'skill');
+    _defineProperty(_assertThisInitialized(_this), "name", '技能列表');
+    _defineProperty(_assertThisInitialized(_this), "icon", 'AppstoreOutlined');
+    return _this;
+  }
+  _createClass(SkillPanel, [{
+    key: "render",
+    value: function render(props) {
+      return {
+        type: 'skill',
+        props: props
+      };
+    }
+  }, {
+    key: "getConfigSchema",
+    value: function getConfigSchema() {
+      return {
+        type: 'object',
+        properties: {
+          groupBy: {
+            type: 'string',
+            description: '技能分组字段'
+          },
+          skills: {
+            type: 'array',
+            items: {
+              type: 'string'
+            },
+            description: '技能 ID 列表（过滤）'
+          },
+          showDescription: {
+            type: 'boolean',
+            default: true,
+            description: '显示技能描述'
+          }
+        }
+      };
+    }
+  }, {
+    key: "getCapabilities",
+    value: function getCapabilities() {
+      return [{
+        name: 'executeSkill',
+        supported: true
+      }, {
+        name: 'skillGroup',
+        supported: true
+      }];
+    }
+  }]);
+  return SkillPanel;
+}(BasePanel);
+export default SkillPanel;

package/dist/panels/skill/index.d.ts

@@ -0,0 +1,2 @@
+export { SkillPanel, type SkillPanelConfig } from './SkillPanel';
+export { default } from './SkillPanel';

package/dist/panels/skill/index.js

@@ -0,0 +1,2 @@
+export { SkillPanel } from "./SkillPanel";
+export { default } from "./SkillPanel";

package/package.json

@@ -0,0 +1,86 @@
+{
+  "name": "@aix-chat/layouts",
+  "version": "0.1.0",
+  "description": "AI Chat layouts",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/aix-chat/aix-chat"
+  },
+  "author": "yubai.zly",
+  "module": "dist/index.js",
+  "typings": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "father build",
+    "build:watch": "father build -w",
+    "ci": "npm run lint && jest --coverage --passWithNoTests",
+    "cov": "jest --coverage",
+    "dev": "dumi dev",
+    "lint": "eslint src --ext .ts,.tsx",
+    "start": "npm run dev",
+    "test": "jest",
+    "typecheck": "tsc --noEmit"
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "lint-staged": {
+    "*.{md,json}": [
+      "prettier --cache --write --no-error-on-unmatched-pattern"
+    ],
+    "*.{js,jsx}": [
+      "eslint --fix",
+      "prettier --cache --write"
+    ],
+    "*.{css,less}": [
+      "prettier --cache --write"
+    ],
+    "*.{ts,tsx}": [
+      "eslint --fix",
+      "prettier --cache --parser=typescript --write"
+    ]
+  },
+  "dependencies": {
+    "@aix-chat/adapters": "^0.1.0",
+    "@aix-chat/core": "^0.1.0",
+    "@aix-chat/utils": "^0.1.0",
+    "@babel/runtime": "^7.18.0",
+    "styled-components": "^6.0.7"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^17.3.0",
+    "@commitlint/config-conventional": "^17.3.0",
+    "@testing-library/dom": "^10.0.0",
+    "@testing-library/jest-dom": "^5.1.1",
+    "@testing-library/react": "^16.0.0",
+    "@types/jest": "^29.4.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "antd": "^5.0.0",
+    "dumi": "^2.0.0",
+    "father": "^4.0.0",
+    "husky": "^8.0.0",
+    "jest": "^29.4.3",
+    "jest-environment-jsdom": "^29.4.3",
+    "lint-staged": "^13.0.0",
+    "prettier": "^2.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "peerDependencies": {
+    "react": ">=16.9.0"
+  },
+  "engines": {},
+  "ci": {
+    "type": "aci"
+  },
+  "dumiAssets": "assets.json",
+  "tnpm": {
+    "mode": "npm"
+  },
+  "main": "dist/index.js"
+}