@loom-framework/core 0.1.0-alpha.147 → 0.1.0-alpha.149

package/dist/cli/templates/model-management-page.js

@@ -0,0 +1,298 @@
+/**
+ * Model Management page template
+ *
+ * Generates ModelManagement page as a local source file.
+ * Page imports sub-components from @loom-framework/frontend-antd and
+ * registers its own i18n keys via registerMessages().
+ */
+export function modelManagementPageTemplate() {
+    return `import React, { useState, useEffect, useCallback } from 'react';
+import { Card, Table, Button, Modal, Form, Input, Switch, Tag, Space, Typography, message, theme, Breadcrumb, Flex } from 'antd';
+import { PlusOutlined, EditOutlined, DeleteOutlined, RobotOutlined, HomeOutlined, AppstoreAddOutlined } from '@ant-design/icons';
+import { useLocale, useAppShell, registerMessages } from '@loom-framework/frontend-antd';
+
+registerMessages('zh-CN', {
+  'model.title': '模型管理',
+  'model.addModel': '添加模型',
+  'model.addEngine': '添加AI引擎',
+  'model.editModel': '编辑模型',
+  'model.modelName': '模型名',
+  'model.authToken': '认证令牌',
+  'model.baseUrl': 'API 地址',
+  'model.setDefault': '设为默认',
+  'model.default': '默认',
+  'model.engine': 'AI 引擎',
+  'model.configured': '已配置',
+  'model.notSet': '未设置',
+  'model.deleteConfirm': '确认删除模型 "{name}"？',
+  'model.deleteSuccess': '模型已删除',
+  'model.addSuccess': '模型已添加',
+  'model.updateSuccess': '模型已更新',
+  'model.saveFailed': '保存模型失败',
+  'model.loadFailed': '加载模型失败',
+  'model.nameRequired': '请输入模型名称',
+  'model.baseUrlRequired': '请输入 API 地址',
+  'model.tokenMasked': '留空保持当前值不变',
+  'model.enterToken': '输入认证令牌',
+});
+
+registerMessages('en-US', {
+  'model.title': 'Model Management',
+  'model.addModel': 'Add Model',
+  'model.addEngine': 'Add AI Engine',
+  'model.editModel': 'Edit Model',
+  'model.modelName': 'Model Name',
+  'model.authToken': 'Auth Token',
+  'model.baseUrl': 'API Base URL',
+  'model.setDefault': 'Set as Default',
+  'model.default': 'Default',
+  'model.engine': 'AI Engine',
+  'model.configured': 'Configured',
+  'model.notSet': 'Not Set',
+  'model.deleteConfirm': 'Delete model "{name}"?',
+  'model.deleteSuccess': 'Model deleted',
+  'model.addSuccess': 'Model added',
+  'model.updateSuccess': 'Model updated',
+  'model.saveFailed': 'Failed to save model',
+  'model.loadFailed': 'Failed to load models',
+  'model.nameRequired': 'Model name is required',
+  'model.baseUrlRequired': 'Base URL is required',
+  'model.tokenMasked': 'Leave empty to keep current',
+  'model.enterToken': 'Enter auth token',
+});
+
+interface ModelItem {
+  name: string;
+  authToken?: string;
+  hasAuthToken?: boolean;
+  baseUrl?: string;
+  isDefault: boolean;
+}
+
+const API = '/api/v1/ai/models';
+
+export default function ModelManagementPage(): React.ReactElement {
+  const { token } = theme.useToken();
+  const { t } = useLocale();
+  const { breadcrumbs, onNavClick } = useAppShell();
+  const [models, setModels] = useState<ModelItem[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [modalOpen, setModalOpen] = useState(false);
+  const [editingModel, setEditingModel] = useState<ModelItem | null>(null);
+  const [form] = Form.useForm();
+
+  const fetchModels = useCallback(async () => {
+    setLoading(true);
+    try {
+      const res = await fetch(API);
+      const data = await res.json();
+      setModels(Array.isArray(data) ? data : []);
+    } catch {
+      message.error(t('model.loadFailed') || 'Failed to load models');
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+
+  useEffect(() => { fetchModels(); }, [fetchModels]);
+
+  const handleSave = async () => {
+    try {
+      const values = await form.validateFields();
+      let updatedModels = models.map(m => ({ ...m, isDefault: false }));
+
+      if (editingModel) {
+        updatedModels = updatedModels.map(m =>
+          m.name === editingModel.name ? { ...m, ...values, hasAuthToken: values.authToken ? true : m.hasAuthToken } : m
+        );
+      } else {
+        updatedModels.push({ ...values, hasAuthToken: !!values.authToken });
+      }
+
+      if (values.isDefault) {
+        updatedModels = updatedModels.map(m => ({ ...m, isDefault: m.name === values.name }));
+      } else if (!updatedModels.some(m => m.isDefault)) {
+        updatedModels[0].isDefault = true;
+      }
+
+      const res = await fetch(API, {
+        method: 'PUT',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ models: updatedModels }),
+      });
+
+      if (res.ok) {
+        const data = await res.json();
+        setModels(Array.isArray(data) ? data : []);
+        message.success(editingModel ? (t('model.updateSuccess') || 'Model updated') : (t('model.addSuccess') || 'Model added'));
+      } else {
+        message.error(t('model.saveFailed') || 'Failed to save model');
+      }
+
+      setModalOpen(false);
+      setEditingModel(null);
+      form.resetFields();
+    } catch { /* validation error */ }
+  };
+
+  const handleDelete = async (name: string) => {
+    Modal.confirm({
+      title: t('model.deleteConfirm')?.replace('{name}', name) || \`Delete model "\${name}"?\`,
+      onOk: async () => {
+        const updatedModels = models.filter(m => m.name !== name);
+        if (updatedModels.length > 0 && !updatedModels.some(m => m.isDefault)) {
+          updatedModels[0].isDefault = true;
+        }
+
+        const res = await fetch(API, {
+          method: 'PUT',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ models: updatedModels }),
+        });
+
+        if (res.ok) {
+          const data = await res.json();
+          setModels(Array.isArray(data) ? data : []);
+          message.success(t('model.deleteSuccess') || 'Model deleted');
+        }
+      },
+    });
+  };
+
+  const openEditModal = (model: ModelItem) => {
+    setEditingModel(model);
+    form.setFieldsValue({
+      name: model.name,
+      authToken: model.authToken,
+      baseUrl: model.baseUrl,
+      isDefault: model.isDefault,
+    });
+    setModalOpen(true);
+  };
+
+  const openAddModal = () => {
+    setEditingModel(null);
+    form.resetFields();
+    form.setFieldsValue({ isDefault: models.length === 0 });
+    setModalOpen(true);
+  };
+
+  const columns = [
+    {
+      title: t('model.modelName') || 'Model Name',
+      dataIndex: 'name',
+      key: 'name',
+      render: (name: string, record: ModelItem) => (
+        <Space>
+          <span style={{ fontWeight: token.fontWeightStrong }}>{name}</span>
+          {record.isDefault && <Tag color="blue">{t('model.default') || 'Default'}</Tag>}
+        </Space>
+      ),
+    },
+    {
+      title: t('model.baseUrl') || 'API Base URL',
+      dataIndex: 'baseUrl',
+      key: 'baseUrl',
+      render: (url: string) => url ? <Typography.Text copyable={{ text: url }} style={{ fontSize: token.fontSizeSM }}>{url}</Typography.Text> : <Typography.Text type="secondary">—</Typography.Text>,
+    },
+    {
+      title: t('model.authToken') || 'Auth Token',
+      dataIndex: 'hasAuthToken',
+      key: 'hasAuthToken',
+      width: 120,
+      render: (has: boolean) => has ? <Tag color="green">{t('model.configured') || 'Configured'}</Tag> : <Tag>{t('model.notSet') || 'Not Set'}</Tag>,
+    },
+    {
+      title: t('common.action') || 'Action',
+      key: 'action',
+      width: 120,
+      render: (_: unknown, record: ModelItem) => (
+        <Space size={0}>
+          <Button type="text" size="small" icon={<EditOutlined />} onClick={() => openEditModal(record)} />
+          {!record.isDefault && (
+            <Button type="text" size="small" danger icon={<DeleteOutlined />} onClick={() => handleDelete(record.name)} />
+          )}
+        </Space>
+      ),
+    },
+  ];
+
+  return (
+    <div style={{ display: 'flex', flexDirection: 'column', flex: 1, minHeight: 0 }}>
+      <Flex justify="space-between" align="center" style={{ marginBottom: 12 }}>
+        <Breadcrumb items={[{ title: <HomeOutlined onClick={() => onNavClick?.('')} style={{ cursor: 'pointer' }} /> }, ...(breadcrumbs || []).map(b => ({ title: b.path ? <a onClick={() => onNavClick?.(b.path!)}>{b.title}</a> : b.title }))]} />
+        <Button type="primary" icon={<AppstoreAddOutlined />} disabled>
+          {t('model.addEngine') || 'Add AI Engine'}
+        </Button>
+      </Flex>
+      <Card
+        title={
+          <Space>
+            <RobotOutlined />
+            <span>Claude Code</span>
+            <Typography.Text type="secondary" style={{ fontWeight: 'normal' }}>
+              {t('model.engine') || 'AI Engine'}
+            </Typography.Text>
+          </Space>
+        }
+        extra={
+          <Button type="primary" size="small" icon={<PlusOutlined />} onClick={openAddModal}>
+            {t('model.addModel') || 'Add Model'}
+          </Button>
+        }
+      >
+        <Table
+          dataSource={models}
+          columns={columns}
+          rowKey="name"
+          loading={loading}
+          pagination={false}
+          size="small"
+        />
+      </Card>
+
+      <Modal
+        title={editingModel ? (t('model.editModel') || 'Edit Model') : (t('model.addModel') || 'Add Model')}
+        open={modalOpen}
+        onOk={handleSave}
+        onCancel={() => { setModalOpen(false); setEditingModel(null); form.resetFields(); }}
+        okText={t('common.save') || 'Save'}
+        cancelText={t('common.cancel') || 'Cancel'}
+        destroyOnClose
+      >
+        <Form form={form} layout="vertical" style={{ marginTop: token.marginMD }}>
+          <Form.Item
+            name="name"
+            label={t('model.modelName') || 'Model Name'}
+            rules={[{ required: true, message: t('model.nameRequired') || 'Model name is required' }]}
+          >
+            <Input disabled={!!editingModel} placeholder="e.g. GLM-5.1, Kimi-K2.5" />
+          </Form.Item>
+          <Form.Item
+            name="baseUrl"
+            label={t('model.baseUrl') || 'API Base URL'}
+            rules={[{ required: true, message: t('model.baseUrlRequired') || 'Base URL is required' }]}
+          >
+            <Input placeholder="https://api.example.com" />
+          </Form.Item>
+          <Form.Item
+            name="authToken"
+            label={t('model.authToken') || 'Auth Token'}
+          >
+            <Input.Password placeholder={editingModel?.hasAuthToken ? t('model.tokenMasked') || 'Leave empty to keep current' : t('model.enterToken') || 'Enter auth token'} />
+          </Form.Item>
+          <Form.Item
+            name="isDefault"
+            label={t('model.setDefault') || 'Set as Default'}
+            valuePropName="checked"
+          >
+            <Switch />
+          </Form.Item>
+        </Form>
+      </Modal>
+    </div>
+  );
+}
+`;
+}
+//# sourceMappingURL=model-management-page.js.map

package/dist/cli/templates/model-management-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model-management-page.js","sourceRoot":"","sources":["../../../src/cli/templates/model-management-page.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,UAAU,2BAA2B;IACzC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+RR,CAAC;AACF,CAAC"}

package/dist/cli/templates/skill-management-page.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Skill Management page template
+ *
+ * Generates SkillManagement page as a local source file.
+ * Page imports sub-components from @loom-framework/frontend-antd and
+ * registers its own i18n keys via registerMessages().
+ */
+export declare function skillManagementPageTemplate(): string;
+//# sourceMappingURL=skill-management-page.d.ts.map

package/dist/cli/templates/skill-management-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skill-management-page.d.ts","sourceRoot":"","sources":["../../../src/cli/templates/skill-management-page.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,wBAAgB,2BAA2B,IAAI,MAAM,CAmdpD"}