feat(project-config): simplify plugin and model drawers

tests/e2e/project-configuration-skills.spec.ts

@@ -48,18 +48,40 @@ test.describe('Project configuration skills', () => {
       expect(actionBarBottomGap).toBeLessThan(40);
       await expect(page.getByRole('button', { name: '创建智能体' })).toBeVisible();
 
+      const resourceCardGeometry = await page.getByTestId('project-resource-row').locator(':scope > button').evaluateAll((cards) => cards.map((card) => {
+        const rect = card.getBoundingClientRect();
+        return { left: rect.left, top: rect.top, width: rect.width };
+      }));
+      expect(resourceCardGeometry).toHaveLength(4);
+      expect(Math.max(...resourceCardGeometry.map(({ top }) => top)) - Math.min(...resourceCardGeometry.map(({ top }) => top))).toBeLessThanOrEqual(1);
+      expect(resourceCardGeometry.every(({ width }) => width > 0)).toBe(true);
+      expect(resourceCardGeometry.map(({ left }) => left)).toEqual([...resourceCardGeometry.map(({ left }) => left)].sort((a, b) => a - b));
+
+      const drawerWidths: number[] = [];
       for (const [resourceId, title] of [
         ['resource-card-models', '可用模型'],
-        ['resource-card-knowledge', '知识文件'],
         ['resource-card-skills', '可用技能'],
+        ['resource-card-knowledge', '知识文件'],
+        ['resource-card-plugins', '插件'],
       ] as const) {
         await page.getByTestId(resourceId).click();
         const drawer = page.getByRole('dialog', { name: title });
         await expect(drawer).toBeVisible();
+        const drawerBox = await drawer.boundingBox();
+        if (!drawerBox) throw new Error(`未能读取 ${title} 抽屉的布局区域`);
+        drawerWidths.push(drawerBox.width);
         if (resourceId === 'resource-card-models') {
           await expect(drawer.getByRole('combobox')).toHaveCount(0);
           await expect(drawer.locator('[data-testid="project-model-list"], [data-testid="project-model-empty-state"]')).toHaveCount(1);
         }
+        if (resourceId === 'resource-card-plugins') {
+          await expect(page.getByTestId('project-plugins-sheet')).toBeVisible();
+          await expect(drawer.getByTestId('plugins-page')).toBeVisible();
+          await expect(drawer.getByText('为你的智能体添加插件，拓展更多能力。')).toBeVisible();
+          await expect(drawer.getByRole('button', { name: /刷新/ })).toHaveCount(0);
+          await expect(drawer.getByRole('searchbox')).toHaveCount(0);
+          await expect(drawer.getByRole('combobox')).toHaveCount(0);
+        }
         const closeButton = drawer.getByRole('button', { name: '关闭' });
         const closeGeometry = await closeButton.evaluate((button) => {
           const icon = button.querySelector('svg');
@@ -81,6 +103,8 @@ test.describe('Project configuration skills', () => {
         await closeButton.locator('svg').click();
         await expect(page.getByRole('dialog', { name: title })).toHaveCount(0);
       }
+      expect(Math.max(...drawerWidths) - Math.min(...drawerWidths)).toBeLessThanOrEqual(1);
+      expect(Math.max(...drawerWidths)).toBeLessThanOrEqual(430);
 
       const now = new Date().toISOString();
       await mkdir(path.join(parentPath, '.makelore'), { recursive: true });