@nospt/plugin-dev-ai-hub 0.1.0 → 0.2.0

package/dev/index.tsx

@@ -1,232 +1,32 @@
 import { createDevApp } from '@backstage/dev-utils';
+import { discoveryApiRef, fetchApiRef } from '@backstage/core-plugin-api';
 import { DevAiHubPage } from '../src/components/DevAiHubPage';
-import { devAiHubApiRef } from '../src/api/DevAiHubClient';
-import type {
-  AiAsset,
-  AiAssetListResponse,
-  AiHubProvider,
-  AiHubStats,
-  AssetListFilter,
-} from '@nospt/plugin-dev-ai-hub-common';
+import { McpConfigPage } from '../src/components/McpConfigPage';
+import { devAiHubApiRef, DevAiHubClient } from '../src/api/DevAiHubClient';
 
-const MOCK_ASSETS: AiAsset[] = [
-  {
-    id: 'mock-1',
-    providerId: 'mock-provider',
-    name: 'TypeScript Best Practices',
-    description: 'Coding standards and best practices for TypeScript projects.',
-    type: 'instruction',
-    tools: ['claude-code', 'github-copilot'],
-    tags: ['typescript', 'best-practices'],
-    author: 'Platform Team',
-    version: '1.0.0',
-    content: '# TypeScript Best Practices\n\nAlways use strict mode. Prefer `interface` over `type` for object shapes. Use explicit return types on public functions.',
-    yamlRaw: 'name: TypeScript Best Practices\ntype: instruction',
-    yamlPath: 'instructions/typescript-best-practices.yaml',
-    mdPath: 'instructions/typescript-best-practices.md',
-    repoUrl: 'https://github.com/example/ai-assets',
-    branch: 'main',
-    installCount: 14,
-    syncedAt: new Date(Date.now() - 5 * 60 * 1000).toISOString(),
-    createdAt: '2026-03-10T10:00:00Z',
-    updatedAt: '2026-03-10T12:00:00Z',
-  },
-  {
-    id: 'mock-2',
-    providerId: 'mock-provider',
-    name: 'Code Review Agent',
-    description: 'Specialized agent for performing thorough and constructive code reviews.',
-    type: 'agent',
-    tools: ['claude-code'],
-    tags: ['code-review', 'quality'],
-    author: 'Platform Team',
-    version: '1.2.0',
-    content: '# Code Review Agent\n\nYou are an expert code reviewer. Focus on correctness, performance, security, and maintainability.',
-    yamlRaw: 'name: Code Review Agent\ntype: agent',
-    yamlPath: 'agents/code-review.yaml',
-    mdPath: 'agents/code-review.md',
-    repoUrl: 'https://github.com/example/ai-assets',
-    branch: 'main',
-    installCount: 8,
-    syncedAt: new Date(Date.now() - 5 * 60 * 1000).toISOString(),
-    createdAt: '2024-02-01T10:00:00Z',
-    updatedAt: '2024-03-10T09:00:00Z',
-  },
-  {
-    id: 'mock-3',
-    providerId: 'mock-provider',
-    name: 'Git Commit',
-    description: 'Skill for creating well-structured, conventional git commit messages.',
-    type: 'skill',
-    tools: ['all'],
-    tags: ['git', 'commits', 'conventional-commits'],
-    author: 'Platform Team',
-    version: '1.0.0',
-    content: '# Git Commit Skill\n\nCreate commit messages following the Conventional Commits specification.',
-    yamlRaw: 'name: Git Commit\ntype: skill',
-    yamlPath: 'skills/git-commit/skill.yaml',
-    mdPath: 'skills/git-commit/SKILL.md',
-    repoUrl: 'https://github.com/example/ai-assets',
-    branch: 'main',
-    installCount: 22,
-    syncedAt: new Date(Date.now() - 5 * 60 * 1000).toISOString(),
-    createdAt: '2024-01-20T10:00:00Z',
-    updatedAt: '2024-02-15T14:00:00Z',
-  },
-  {
-    id: 'mock-4',
-    providerId: 'mock-provider',
-    name: 'Feature Development Workflow',
-    description: 'Step-by-step workflow for planning, implementing and shipping a new feature.',
-    type: 'workflow',
-    tools: ['github-copilot', 'cursor'],
-    tags: ['workflow', 'feature', 'development'],
-    author: 'Platform Team',
-    version: '2.0.0',
-    content: '# Feature Development Workflow\n\n## Step 1: Planning\n\n## Step 2: Implementation\n\n## Step 3: Testing\n\n## Step 4: Review',
-    yamlRaw: 'name: Feature Development Workflow\ntype: workflow',
-    yamlPath: 'workflows/feature-development.yaml',
-    mdPath: 'workflows/feature-development.md',
-    repoUrl: 'https://github.com/example/ai-assets',
-    branch: 'main',
-    installCount: 5,
-    syncedAt: new Date(Date.now() - 5 * 60 * 1000).toISOString(),
-    createdAt: '2024-03-01T10:00:00Z',
-    updatedAt: '2024-03-20T16:00:00Z',
-  },
-  {
-    id: 'mock-5',
-    providerId: 'mock-provider',
-    name: 'Security Guidelines',
-    description: 'Security best practices and guidelines for backend development.',
-    type: 'instruction',
-    tools: ['google-gemini', 'claude-code'],
-    tags: ['security', 'backend', 'best-practices'],
-    author: 'Security Team',
-    version: '1.1.0',
-    content: '# Security Guidelines\n\nNever store secrets in code. Always validate user input. Use parameterized queries.',
-    yamlRaw: 'name: Security Guidelines\ntype: instruction',
-    yamlPath: 'instructions/security-guidelines.yaml',
-    mdPath: 'instructions/security-guidelines.md',
-    repoUrl: 'https://github.com/example/ai-assets',
-    branch: 'main',
-    installCount: 3,
-    syncedAt: new Date(Date.now() - 5 * 60 * 1000).toISOString(),
-    createdAt: '2024-02-10T10:00:00Z',
-    updatedAt: '2024-03-05T11:00:00Z',
-  },
-  {
-    id: 'mock-6',
-    providerId: 'mock-provider',
-    name: 'Product Manager',
-    description: 'Data-driven product decision assistant for roadmap and prioritization.',
-    type: 'agent',
-    tools: ['github-copilot'],
-    tags: ['product', 'roadmap', 'prioritization'],
-    author: 'Product Team',
-    version: '1.0.0',
-    content: '# Product Manager Agent\n\nYou are a data-driven product manager. Help prioritize features using impact/effort frameworks.',
-    yamlRaw: 'name: Product Manager\ntype: agent',
-    yamlPath: 'agents/product-manager.yaml',
-    mdPath: 'agents/product-manager.md',
-    repoUrl: 'https://github.com/example/ai-assets',
-    branch: 'main',
-    installCount: 0,
-    syncedAt: new Date(Date.now() - 5 * 60 * 1000).toISOString(),
-    createdAt: '2024-03-15T10:00:00Z',
-    updatedAt: '2024-03-15T10:00:00Z',
-  },
-];
-
-const MOCK_PROVIDER: AiHubProvider = {
-  id: 'mock-provider',
-  type: 'github',
-  target: 'https://github.com/example/ai-assets.git',
-  branch: 'main',
-  lastSync: new Date(Date.now() - 5 * 60 * 1000).toISOString(),
-  status: 'idle',
-  assetCount: MOCK_ASSETS.length,
-};
-
-const MOCK_STATS: AiHubStats = {
-  totalAssets: MOCK_ASSETS.length,
-  byType: {
-    instruction: MOCK_ASSETS.filter(a => a.type === 'instruction').length,
-    agent: MOCK_ASSETS.filter(a => a.type === 'agent').length,
-    skill: MOCK_ASSETS.filter(a => a.type === 'skill').length,
-    workflow: MOCK_ASSETS.filter(a => a.type === 'workflow').length,
-  },
-  byTool: {
-    'claude-code': MOCK_ASSETS.filter(a => a.tools.includes('claude-code') || a.tools.includes('all')).length,
-    'github-copilot': MOCK_ASSETS.filter(a => a.tools.includes('github-copilot') || a.tools.includes('all')).length,
-    'google-gemini': MOCK_ASSETS.filter(a => a.tools.includes('google-gemini') || a.tools.includes('all')).length,
-    'cursor': MOCK_ASSETS.filter(a => a.tools.includes('cursor') || a.tools.includes('all')).length,
-  },
-  byProvider: { 'mock-provider': MOCK_ASSETS.length },
-  lastSync: MOCK_PROVIDER.lastSync,
-};
-
-function applyFilter(assets: AiAsset[], filter?: AssetListFilter): AiAsset[] {
-  let result = [...assets];
-  if (filter?.type) result = result.filter(a => a.type === filter.type);
-  if (filter?.tool) result = result.filter(a => a.tools.includes(filter.tool as any) || a.tools.includes('all'));
-  if (filter?.search) {
-    const q = filter.search.toLowerCase();
-    result = result.filter(a =>
-      a.name.toLowerCase().includes(q) ||
-      a.description.toLowerCase().includes(q) ||
-      a.tags.some(t => t.toLowerCase().includes(q)),
-    );
-  }
-  if (filter?.tags?.length) {
-    result = result.filter(a => filter.tags!.every(t => a.tags.includes(t)));
-  }
-  if (filter?.providerId) {
-    result = result.filter(a => a.providerId === filter.providerId);
-  }
-  return result;
+// Bypass Backstage guest auth without a running auth backend.
+// The legacy token path generates the token locally — same keys the e2e
+// base fixture injects via page.addInitScript().
+if (typeof window !== 'undefined') {
+  localStorage.setItem('@backstage/core:SignInPage:provider', 'guest');
+  localStorage.setItem('enableLegacyGuestToken', 'true');
 }
 
 createDevApp()
   .registerApi({
     api: devAiHubApiRef,
-    deps: {},
-    factory: () => ({
-      listAssets: async (filter?: AssetListFilter): Promise<AiAssetListResponse> => {
-        const filtered = applyFilter(MOCK_ASSETS, filter);
-        const page = filter?.page ?? 1;
-        const pageSize = filter?.pageSize ?? 24;
-        const start = (page - 1) * pageSize;
-        return {
-          items: filtered.slice(start, start + pageSize),
-          totalCount: filtered.length,
-          page,
-          pageSize,
-        };
-      },
-      getAsset: async (id: string): Promise<AiAsset> => {
-        const asset = MOCK_ASSETS.find(a => a.id === id);
-        if (!asset) throw new Error(`Asset not found: ${id}`);
-        return asset;
-      },
-      getAssetRaw: async (id: string): Promise<string> => {
-        const asset = MOCK_ASSETS.find(a => a.id === id);
-        return asset?.content ?? '';
-      },
-      getDownloadUrl: async (id: string): Promise<string> =>
-        `/api/dev-ai-hub/assets/${encodeURIComponent(id)}/download`,
-      trackInstall: async (_id: string): Promise<void> => { },
-      listProviders: async (): Promise<AiHubProvider[]> => [MOCK_PROVIDER],
-      getProviderStatus: async (_id: string): Promise<AiHubProvider> => MOCK_PROVIDER,
-      triggerSync: async (_id: string): Promise<void> => {
-        await new Promise(r => setTimeout(r, 1000));
-      },
-      getStats: async (): Promise<AiHubStats> => MOCK_STATS,
-    }),
+    deps: { discoveryApi: discoveryApiRef, fetchApi: fetchApiRef },
+    factory: ({ discoveryApi, fetchApi }) =>
+      new DevAiHubClient(discoveryApi, fetchApi),
   })
   .addPage({
     element: <DevAiHubPage />,
     title: 'Dev AI Hub',
     path: '/dev-ai-hub',
   })
+  .addPage({
+    element: <McpConfigPage />,
+    title: 'MCP Config',
+    path: '/mcp-config',
+  })
   .render();

package/dist/api/DevAiHubClient.esm.js

@@ -8,6 +8,8 @@ class DevAiHubClient {
     this.discoveryApi = discoveryApi;
     this.fetchApi = fetchApi;
   }
+  discoveryApi;
+  fetchApi;
   async baseUrl() {
     return this.discoveryApi.getBaseUrl("dev-ai-hub");
   }

package/dist/api/DevAiHubClient.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DevAiHubClient.esm.js","sources":["../../src/api/DevAiHubClient.ts"],"sourcesContent":["import {\n  createApiRef,\n  DiscoveryApi,\n  FetchApi,\n} from '@backstage/core-plugin-api';\nimport type {\n  AiAsset,\n  AiAssetListResponse,\n  AiHubProvider,\n  AiHubStats,\n  AssetListFilter,\n} from '@nospt/plugin-dev-ai-hub-common';\n\nexport const devAiHubApiRef = createApiRef<DevAiHubApi>({\n  id: 'plugin.dev-ai-hub.service',\n});\n\nexport interface DevAiHubApi {\n  listAssets(filter?: AssetListFilter): Promise<AiAssetListResponse>;\n  getAsset(id: string): Promise<AiAsset>;\n  getAssetRaw(id: string): Promise<string>;\n  /** Returns the absolute URL for the download endpoint (zip for skills, md for others). */\n  getDownloadUrl(id: string): Promise<string>;\n  trackInstall(id: string): Promise<void>;\n  listProviders(): Promise<AiHubProvider[]>;\n  getProviderStatus(id: string): Promise<AiHubProvider>;\n  triggerSync(id: string): Promise<void>;\n  getStats(): Promise<AiHubStats>;\n}\n\nexport class DevAiHubClient implements DevAiHubApi {\n  constructor(\n    private readonly discoveryApi: DiscoveryApi,\n    private readonly fetchApi: FetchApi,\n  ) {}\n\n  private async baseUrl(): Promise<string> {\n    return this.discoveryApi.getBaseUrl('dev-ai-hub');\n  }\n\n  private async fetch<T>(path: string, init?: RequestInit): Promise<T> {\n    const base = await this.baseUrl();\n    const response = await this.fetchApi.fetch(`${base}${path}`, init);\n    if (!response.ok) {\n      const text = await response.text();\n      throw new Error(\n        `Dev AI Hub API error ${response.status}: ${text}`,\n      );\n    }\n    return response.json() as Promise<T>;\n  }\n\n  async listAssets(filter?: AssetListFilter): Promise<AiAssetListResponse> {\n    const params = new URLSearchParams();\n    if (filter?.type) params.set('type', filter.type);\n    if (filter?.tool) params.set('tool', filter.tool);\n    if (filter?.search) params.set('search', filter.search);\n    if (filter?.providerId) params.set('provider', filter.providerId);\n    if (filter?.tags?.length) params.set('tags', filter.tags.join(','));\n    if (filter?.page) params.set('page', String(filter.page));\n    if (filter?.pageSize) params.set('pageSize', String(filter.pageSize));\n\n    const qs = params.toString();\n    return this.fetch<AiAssetListResponse>(`/assets${qs ? `?${qs}` : ''}`);\n  }\n\n  async getAsset(id: string): Promise<AiAsset> {\n    return this.fetch<AiAsset>(`/assets/${encodeURIComponent(id)}`);\n  }\n\n  async getAssetRaw(id: string): Promise<string> {\n    const base = await this.baseUrl();\n    const response = await this.fetchApi.fetch(\n      `${base}/assets/${encodeURIComponent(id)}/raw`,\n    );\n    if (!response.ok) throw new Error(`Failed to fetch raw asset: ${response.status}`);\n    return response.text();\n  }\n\n  async getDownloadUrl(id: string): Promise<string> {\n    const base = await this.baseUrl();\n    return `${base}/assets/${encodeURIComponent(id)}/download`;\n  }\n\n  async trackInstall(id: string): Promise<void> {\n    await this.fetch(`/assets/${encodeURIComponent(id)}/track-install`, {\n      method: 'POST',\n    });\n  }\n\n  async listProviders(): Promise<AiHubProvider[]> {\n    return this.fetch<AiHubProvider[]>('/providers');\n  }\n\n  async getProviderStatus(id: string): Promise<AiHubProvider> {\n    return this.fetch<AiHubProvider>(\n      `/providers/${encodeURIComponent(id)}/status`,\n    );\n  }\n\n  async triggerSync(id: string): Promise<void> {\n    await this.fetch(`/providers/${encodeURIComponent(id)}/sync`, {\n      method: 'POST',\n    });\n  }\n\n  async getStats(): Promise<AiHubStats> {\n    return this.fetch<AiHubStats>('/stats');\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DevAiHubClient.esm.js","sources":["../../src/api/DevAiHubClient.ts"],"sourcesContent":["import {\n  createApiRef,\n  DiscoveryApi,\n  FetchApi,\n} from '@backstage/core-plugin-api';\nimport type {\n  AiAsset,\n  AiAssetListResponse,\n  AiHubProvider,\n  AiHubStats,\n  AssetListFilter,\n} from '@nospt/plugin-dev-ai-hub-common';\n\nexport const devAiHubApiRef = createApiRef<DevAiHubApi>({\n  id: 'plugin.dev-ai-hub.service',\n});\n\nexport interface DevAiHubApi {\n  listAssets(filter?: AssetListFilter): Promise<AiAssetListResponse>;\n  getAsset(id: string): Promise<AiAsset>;\n  getAssetRaw(id: string): Promise<string>;\n  /** Returns the absolute URL for the download endpoint (zip for skills, md for others). */\n  getDownloadUrl(id: string): Promise<string>;\n  trackInstall(id: string): Promise<void>;\n  listProviders(): Promise<AiHubProvider[]>;\n  getProviderStatus(id: string): Promise<AiHubProvider>;\n  triggerSync(id: string): Promise<void>;\n  getStats(): Promise<AiHubStats>;\n}\n\nexport class DevAiHubClient implements DevAiHubApi {\n  constructor(\n    private readonly discoveryApi: DiscoveryApi,\n    private readonly fetchApi: FetchApi,\n  ) {}\n\n  private async baseUrl(): Promise<string> {\n    return this.discoveryApi.getBaseUrl('dev-ai-hub');\n  }\n\n  private async fetch<T>(path: string, init?: RequestInit): Promise<T> {\n    const base = await this.baseUrl();\n    const response = await this.fetchApi.fetch(`${base}${path}`, init);\n    if (!response.ok) {\n      const text = await response.text();\n      throw new Error(\n        `Dev AI Hub API error ${response.status}: ${text}`,\n      );\n    }\n    return response.json() as Promise<T>;\n  }\n\n  async listAssets(filter?: AssetListFilter): Promise<AiAssetListResponse> {\n    const params = new URLSearchParams();\n    if (filter?.type) params.set('type', filter.type);\n    if (filter?.tool) params.set('tool', filter.tool);\n    if (filter?.search) params.set('search', filter.search);\n    if (filter?.providerId) params.set('provider', filter.providerId);\n    if (filter?.tags?.length) params.set('tags', filter.tags.join(','));\n    if (filter?.page) params.set('page', String(filter.page));\n    if (filter?.pageSize) params.set('pageSize', String(filter.pageSize));\n\n    const qs = params.toString();\n    return this.fetch<AiAssetListResponse>(`/assets${qs ? `?${qs}` : ''}`);\n  }\n\n  async getAsset(id: string): Promise<AiAsset> {\n    return this.fetch<AiAsset>(`/assets/${encodeURIComponent(id)}`);\n  }\n\n  async getAssetRaw(id: string): Promise<string> {\n    const base = await this.baseUrl();\n    const response = await this.fetchApi.fetch(\n      `${base}/assets/${encodeURIComponent(id)}/raw`,\n    );\n    if (!response.ok) throw new Error(`Failed to fetch raw asset: ${response.status}`);\n    return response.text();\n  }\n\n  async getDownloadUrl(id: string): Promise<string> {\n    const base = await this.baseUrl();\n    return `${base}/assets/${encodeURIComponent(id)}/download`;\n  }\n\n  async trackInstall(id: string): Promise<void> {\n    await this.fetch(`/assets/${encodeURIComponent(id)}/track-install`, {\n      method: 'POST',\n    });\n  }\n\n  async listProviders(): Promise<AiHubProvider[]> {\n    return this.fetch<AiHubProvider[]>('/providers');\n  }\n\n  async getProviderStatus(id: string): Promise<AiHubProvider> {\n    return this.fetch<AiHubProvider>(\n      `/providers/${encodeURIComponent(id)}/status`,\n    );\n  }\n\n  async triggerSync(id: string): Promise<void> {\n    await this.fetch(`/providers/${encodeURIComponent(id)}/sync`, {\n      method: 'POST',\n    });\n  }\n\n  async getStats(): Promise<AiHubStats> {\n    return this.fetch<AiHubStats>('/stats');\n  }\n}\n"],"names":[],"mappings":";;AAaO,MAAM,iBAAiB,YAAA,CAA0B;AAAA,EACtD,EAAA,EAAI;AACN,CAAC;AAeM,MAAM,cAAA,CAAsC;AAAA,EACjD,WAAA,CACmB,cACA,QAAA,EACjB;AAFiB,IAAA,IAAA,CAAA,YAAA,GAAA,YAAA;AACA,IAAA,IAAA,CAAA,QAAA,GAAA,QAAA;AAAA,EAChB;AAAA,EAFgB,YAAA;AAAA,EACA,QAAA;AAAA,EAGnB,MAAc,OAAA,GAA2B;AACvC,IAAA,OAAO,IAAA,CAAK,YAAA,CAAa,UAAA,CAAW,YAAY,CAAA;AAAA,EAClD;AAAA,EAEA,MAAc,KAAA,CAAS,IAAA,EAAc,IAAA,EAAgC;AACnE,IAAA,MAAM,IAAA,GAAO,MAAM,IAAA,CAAK,OAAA,EAAQ;AAChC,IAAA,MAAM,QAAA,GAAW,MAAM,IAAA,CAAK,QAAA,CAAS,KAAA,CAAM,GAAG,IAAI,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,IAAI,CAAA;AACjE,IAAA,IAAI,CAAC,SAAS,EAAA,EAAI;AAChB,MAAA,MAAM,IAAA,GAAO,MAAM,QAAA,CAAS,IAAA,EAAK;AACjC,MAAA,MAAM,IAAI,KAAA;AAAA,QACR,CAAA,qBAAA,EAAwB,QAAA,CAAS,MAAM,CAAA,EAAA,EAAK,IAAI,CAAA;AAAA,OAClD;AAAA,IACF;AACA,IAAA,OAAO,SAAS,IAAA,EAAK;AAAA,EACvB;AAAA,EAEA,MAAM,WAAW,MAAA,EAAwD;AACvE,IAAA,MAAM,MAAA,GAAS,IAAI,eAAA,EAAgB;AACnC,IAAA,IAAI,QAAQ,IAAA,EAAM,MAAA,CAAO,GAAA,CAAI,MAAA,EAAQ,OAAO,IAAI,CAAA;AAChD,IAAA,IAAI,QAAQ,IAAA,EAAM,MAAA,CAAO,GAAA,CAAI,MAAA,EAAQ,OAAO,IAAI,CAAA;AAChD,IAAA,IAAI,QAAQ,MAAA,EAAQ,MAAA,CAAO,GAAA,CAAI,QAAA,EAAU,OAAO,MAAM,CAAA;AACtD,IAAA,IAAI,QAAQ,UAAA,EAAY,MAAA,CAAO,GAAA,CAAI,UAAA,EAAY,OAAO,UAAU,CAAA;AAChE,IAAA,IAAI,MAAA,EAAQ,IAAA,EAAM,MAAA,EAAQ,MAAA,CAAO,GAAA,CAAI,QAAQ,MAAA,CAAO,IAAA,CAAK,IAAA,CAAK,GAAG,CAAC,CAAA;AAClE,IAAA,IAAI,MAAA,EAAQ,MAAM,MAAA,CAAO,GAAA,CAAI,QAAQ,MAAA,CAAO,MAAA,CAAO,IAAI,CAAC,CAAA;AACxD,IAAA,IAAI,MAAA,EAAQ,UAAU,MAAA,CAAO,GAAA,CAAI,YAAY,MAAA,CAAO,MAAA,CAAO,QAAQ,CAAC,CAAA;AAEpE,IAAA,MAAM,EAAA,GAAK,OAAO,QAAA,EAAS;AAC3B,IAAA,OAAO,IAAA,CAAK,MAA2B,CAAA,OAAA,EAAU,EAAA,GAAK,IAAI,EAAE,CAAA,CAAA,GAAK,EAAE,CAAA,CAAE,CAAA;AAAA,EACvE;AAAA,EAEA,MAAM,SAAS,EAAA,EAA8B;AAC3C,IAAA,OAAO,KAAK,KAAA,CAAe,CAAA,QAAA,EAAW,kBAAA,CAAmB,EAAE,CAAC,CAAA,CAAE,CAAA;AAAA,EAChE;AAAA,EAEA,MAAM,YAAY,EAAA,EAA6B;AAC7C,IAAA,MAAM,IAAA,GAAO,MAAM,IAAA,CAAK,OAAA,EAAQ;AAChC,IAAA,MAAM,QAAA,GAAW,MAAM,IAAA,CAAK,QAAA,CAAS,KAAA;AAAA,MACnC,CAAA,EAAG,IAAI,CAAA,QAAA,EAAW,kBAAA,CAAmB,EAAE,CAAC,CAAA,IAAA;AAAA,KAC1C;AACA,IAAA,IAAI,CAAC,SAAS,EAAA,EAAI,MAAM,IAAI,KAAA,CAAM,CAAA,2BAAA,EAA8B,QAAA,CAAS,MAAM,CAAA,CAAE,CAAA;AACjF,IAAA,OAAO,SAAS,IAAA,EAAK;AAAA,EACvB;AAAA,EAEA,MAAM,eAAe,EAAA,EAA6B;AAChD,IAAA,MAAM,IAAA,GAAO,MAAM,IAAA,CAAK,OAAA,EAAQ;AAChC,IAAA,OAAO,CAAA,EAAG,IAAI,CAAA,QAAA,EAAW,kBAAA,CAAmB,EAAE,CAAC,CAAA,SAAA,CAAA;AAAA,EACjD;AAAA,EAEA,MAAM,aAAa,EAAA,EAA2B;AAC5C,IAAA,MAAM,KAAK,KAAA,CAAM,CAAA,QAAA,EAAW,kBAAA,CAAmB,EAAE,CAAC,CAAA,cAAA,CAAA,EAAkB;AAAA,MAClE,MAAA,EAAQ;AAAA,KACT,CAAA;AAAA,EACH;AAAA,EAEA,MAAM,aAAA,GAA0C;AAC9C,IAAA,OAAO,IAAA,CAAK,MAAuB,YAAY,CAAA;AAAA,EACjD;AAAA,EAEA,MAAM,kBAAkB,EAAA,EAAoC;AAC1D,IAAA,OAAO,IAAA,CAAK,KAAA;AAAA,MACV,CAAA,WAAA,EAAc,kBAAA,CAAmB,EAAE,CAAC,CAAA,OAAA;AAAA,KACtC;AAAA,EACF;AAAA,EAEA,MAAM,YAAY,EAAA,EAA2B;AAC3C,IAAA,MAAM,KAAK,KAAA,CAAM,CAAA,WAAA,EAAc,kBAAA,CAAmB,EAAE,CAAC,CAAA,KAAA,CAAA,EAAS;AAAA,MAC5D,MAAA,EAAQ;AAAA,KACT,CAAA;AAAA,EACH;AAAA,EAEA,MAAM,QAAA,GAAgC;AACpC,IAAA,OAAO,IAAA,CAAK,MAAkB,QAAQ,CAAA;AAAA,EACxC;AACF;;;;"}

package/dist/components/AssetCard/AssetCard.esm.js

@@ -1,19 +1,8 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import Box from '@mui/material/Box';
-import Card from '@mui/material/Card';
-import CardActions from '@mui/material/CardActions';
-import CardContent from '@mui/material/CardContent';
-import Chip from '@mui/material/Chip';
-import IconButton from '@mui/material/IconButton';
-import Tooltip from '@mui/material/Tooltip';
-import Typography from '@mui/material/Typography';
-import OpenInNewIcon from '@mui/icons-material/OpenInNew';
-import DownloadIcon from '@mui/icons-material/Download';
-import ArticleIcon from '@mui/icons-material/Article';
-import SmartToyIcon from '@mui/icons-material/SmartToy';
-import BuildIcon from '@mui/icons-material/Build';
-import AccountTreeIcon from '@mui/icons-material/AccountTree';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { Card, CardBody, Flex, Box, Text, TagGroup, Tag, CardFooter, TooltipTrigger, ButtonIcon, Tooltip } from '@backstage/ui';
+import { RiGitBranchLine, RiToolsLine, RiRobot2Line, RiArticleLine, RiDownloadLine, RiExternalLinkLine } from '@remixicon/react';
 import { ToolIcon } from '../ToolIcon/ToolIcon.esm.js';
+import styles from './AssetCard.module.css.esm.js';
 
 const POPULAR_THRESHOLD = 5;
 const NEW_DAYS_MS = 14 * 24 * 60 * 60 * 1e3;
@@ -25,10 +14,10 @@ const TOOL_LABELS = {
   "cursor": "Cursor"
 };
 const TYPE_CONFIG = {
-  instruction: { label: "Instruction", color: "#2563EB", bg: "#EFF6FF", Icon: ArticleIcon },
-  agent: { label: "Agent", color: "#7C3AED", bg: "#F5F3FF", Icon: SmartToyIcon },
-  skill: { label: "Skill", color: "#059669", bg: "#ECFDF5", Icon: BuildIcon },
-  workflow: { label: "Workflow", color: "#D97706", bg: "#FFFBEB", Icon: AccountTreeIcon }
+  instruction: { label: "Instruction", color: "#54A0FF", bg: "rgba(84, 160, 255, 0.15)", Icon: RiArticleLine },
+  agent: { label: "Agent", color: "#FF6B9D", bg: "rgba(255, 107, 157, 0.15)", Icon: RiRobot2Line },
+  skill: { label: "Skill", color: "#6AB04C", bg: "rgba(106, 176, 76, 0.15)", Icon: RiToolsLine },
+  workflow: { label: "Workflow", color: "#F9CA24", bg: "rgba(249, 202, 36, 0.15)", Icon: RiGitBranchLine }
 };
 function AssetCard({ asset, onView, onInstall }) {
   const cfg = TYPE_CONFIG[asset.type];
@@ -38,151 +27,88 @@ function AssetCard({ asset, onView, onInstall }) {
   return /* @__PURE__ */ jsxs(
     Card,
     {
-      variant: "outlined",
-      sx: {
-        height: "100%",
-        display: "flex",
-        flexDirection: "column",
-        borderRadius: 2,
-        border: "1px solid",
-        borderColor: "divider",
-        borderLeft: `3px solid ${cfg.color}`,
-        transition: "all 0.18s ease",
-        "&:hover": {
-          boxShadow: `0 6px 24px ${cfg.color}30`,
-          borderColor: cfg.color,
-          transform: "translateY(-2px)"
-        }
-      },
+      className: styles.card,
+      style: { "--card-accent": cfg.color },
       children: [
-        /* @__PURE__ */ jsxs(CardContent, { sx: { p: 1.5, pb: "0 !important", flex: 1 }, children: [
-          /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "flex-start", gap: 1, mb: 1 }, children: [
+        /* @__PURE__ */ jsxs(CardBody, { className: styles.cardContent, children: [
+          /* @__PURE__ */ jsxs(Flex, { className: styles.header, children: [
             /* @__PURE__ */ jsx(
               Box,
               {
-                sx: {
-                  width: 36,
-                  height: 36,
-                  borderRadius: 1.5,
-                  backgroundColor: cfg.bg,
-                  display: "flex",
-                  alignItems: "center",
-                  justifyContent: "center",
-                  flexShrink: 0,
-                  boxShadow: `0 2px 8px ${cfg.color}25`
-                },
+                className: styles.iconBox,
+                style: { backgroundColor: cfg.bg },
                 children: asset.icon ? /* @__PURE__ */ jsx(
-                  Box,
+                  "img",
                   {
-                    component: "img",
                     src: asset.icon,
                     alt: asset.label ?? asset.name,
-                    sx: { width: 20, height: 20, objectFit: "contain" },
+                    className: styles.iconImage,
                     onError: (e) => {
                       e.target.style.display = "none";
                     }
                   }
-                ) : /* @__PURE__ */ jsx(TypeIcon, { sx: { color: cfg.color, fontSize: "1.1rem" } })
+                ) : /* @__PURE__ */ jsx(TypeIcon, { size: 18, style: { color: cfg.color } })
               }
             ),
-            /* @__PURE__ */ jsxs(Box, { sx: { flex: 1, minWidth: 0 }, children: [
-              /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 0.5, mb: 0.2 }, children: [
-                /* @__PURE__ */ jsx(Typography, { variant: "body2", fontWeight: 700, noWrap: true, title: asset.label ?? asset.name, sx: { lineHeight: 1.2, flex: 1 }, children: asset.label ?? asset.name }),
-                isNew && /* @__PURE__ */ jsx(
-                  Chip,
-                  {
-                    label: "New",
-                    size: "small",
-                    sx: {
-                      height: 16,
-                      fontSize: "0.58rem",
-                      fontWeight: 700,
-                      backgroundColor: "#059669",
-                      color: "#fff",
-                      borderRadius: 1,
-                      flexShrink: 0,
-                      "& .MuiChip-label": { px: "5px" }
-                    }
-                  }
-                )
+            /* @__PURE__ */ jsxs(Box, { className: styles.headerInfo, children: [
+              /* @__PURE__ */ jsxs(Flex, { className: styles.titleRow, children: [
+                /* @__PURE__ */ jsx(Text, { variant: "body-medium", weight: "bold", className: styles.title, title: asset.label ?? asset.name, children: asset.label ?? asset.name }),
+                isNew && /* @__PURE__ */ jsx(TagGroup, { "aria-label": "Status", children: /* @__PURE__ */ jsx(Tag, { id: "new", size: "small", className: styles.newBadge, children: "New" }) })
               ] }),
-              /* @__PURE__ */ jsx(Typography, { variant: "caption", sx: { color: cfg.color, fontWeight: 600 }, children: cfg.label })
+              /* @__PURE__ */ jsx(Text, { variant: "body-x-small", style: { color: cfg.color, fontWeight: 600 }, children: cfg.label })
             ] })
           ] }),
-          /* @__PURE__ */ jsx(
-            Typography,
-            {
-              variant: "caption",
-              color: "text.secondary",
-              sx: {
-                mb: 1,
-                display: "-webkit-box",
-                WebkitLineClamp: 2,
-                WebkitBoxOrient: "vertical",
-                overflow: "hidden",
-                lineHeight: 1.4
-              },
-              children: asset.description
-            }
-          ),
-          /* @__PURE__ */ jsx(Box, { sx: { display: "flex", gap: 0.5, flexWrap: "wrap", mb: asset.tags.length > 0 ? 0.75 : 0 }, children: asset.tools.map((tool) => /* @__PURE__ */ jsx(
-            Chip,
-            {
-              icon: /* @__PURE__ */ jsx(ToolIcon, { tool, sx: { fontSize: "0.75rem !important" } }),
-              label: TOOL_LABELS[tool] ?? tool,
-              size: "small",
-              sx: {
-                height: 18,
-                fontSize: "0.65rem",
-                fontWeight: 600,
-                backgroundColor: "action.hover",
-                color: "text.secondary",
-                borderRadius: 1,
-                "& .MuiChip-icon": { ml: "4px" }
-              }
-            },
-            tool
-          )) }),
-          asset.tags.length > 0 && /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 0.5, flexWrap: "wrap" }, children: [
-            asset.tags.slice(0, 3).map((tag) => /* @__PURE__ */ jsx(
-              Chip,
-              {
-                label: `#${tag}`,
-                size: "small",
-                sx: {
-                  height: 16,
-                  fontSize: "0.6rem",
-                  color: "text.disabled",
-                  backgroundColor: "transparent",
-                  border: "1px solid",
-                  borderColor: "divider",
-                  borderRadius: 1
-                }
-              },
+          /* @__PURE__ */ jsx(Text, { variant: "body-x-small", color: "secondary", className: styles.description, children: asset.description }),
+          /* @__PURE__ */ jsx(TagGroup, { "aria-label": "Compatible tools", className: `${styles.toolsRow} ${asset.tags.length > 0 ? styles.toolsRowWithTags : ""}`, children: asset.tools.map((tool) => /* @__PURE__ */ jsx(Tag, { id: tool, size: "small", className: styles.toolChip, icon: /* @__PURE__ */ jsx(ToolIcon, { tool, size: 12 }), children: TOOL_LABELS[tool] ?? tool }, tool)) }),
+          asset.tags.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(TagGroup, { "aria-label": "Tags", className: styles.tagsRow, children: asset.tags.slice(0, 3).map((tag) => /* @__PURE__ */ jsxs(Tag, { id: tag, size: "small", className: styles.tagChip, children: [
+              "#",
               tag
-            )),
-            asset.tags.length > 3 && /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "text.disabled", sx: { alignSelf: "center" }, children: [
+            ] }, tag)) }),
+            asset.tags.length > 3 && /* @__PURE__ */ jsxs(Text, { variant: "body-x-small", color: "secondary", style: { alignSelf: "center" }, children: [
               "+",
               asset.tags.length - 3
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs(CardActions, { sx: { px: 1.5, py: 1, justifyContent: "space-between", mt: "auto", borderTop: "1px solid", borderColor: "divider" }, children: [
-          /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-            /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "text.disabled", sx: { fontSize: "0.65rem" }, children: [
+        /* @__PURE__ */ jsxs(CardFooter, { className: styles.cardActions, children: [
+          /* @__PURE__ */ jsxs(Flex, { className: styles.metaRow, children: [
+            /* @__PURE__ */ jsxs(Text, { variant: "body-x-small", color: "secondary", className: styles.metaText, children: [
               "v",
               asset.version,
               " \xB7 ",
               asset.author
             ] }),
-            asset.installCount > 0 && /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 0.25 }, children: [
-              /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "0.65rem", lineHeight: 1 }, children: isPopular ? "\u{1F525}" : "\u2193" }),
-              /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.disabled", sx: { fontSize: "0.65rem" }, children: asset.installCount })
+            asset.installCount > 0 && /* @__PURE__ */ jsxs(Flex, { className: styles.installCountRow, children: [
+              /* @__PURE__ */ jsx(Text, { className: styles.installEmoji, children: isPopular ? "\u{1F525}" : "\u2193" }),
+              /* @__PURE__ */ jsx(Text, { variant: "body-x-small", color: "secondary", className: styles.metaText, children: asset.installCount })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 0.25 }, children: [
-            /* @__PURE__ */ jsx(Tooltip, { title: "Install in editor", children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: () => onInstall(asset.id), color: "primary", children: /* @__PURE__ */ jsx(DownloadIcon, { fontSize: "small" }) }) }),
-            /* @__PURE__ */ jsx(Tooltip, { title: "View details", children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: () => onView(asset.id), children: /* @__PURE__ */ jsx(OpenInNewIcon, { fontSize: "small" }) }) })
+          /* @__PURE__ */ jsxs(Flex, { className: styles.actionsRow, children: [
+            /* @__PURE__ */ jsxs(TooltipTrigger, { children: [
+              /* @__PURE__ */ jsx(
+                ButtonIcon,
+                {
+                  "aria-label": "Install in editor",
+                  icon: /* @__PURE__ */ jsx(RiDownloadLine, { size: 16 }),
+                  variant: "tertiary",
+                  onPress: () => onInstall(asset.id)
+                }
+              ),
+              /* @__PURE__ */ jsx(Tooltip, { children: "Install in editor" })
+            ] }),
+            /* @__PURE__ */ jsxs(TooltipTrigger, { children: [
+              /* @__PURE__ */ jsx(
+                ButtonIcon,
+                {
+                  "aria-label": "View details",
+                  icon: /* @__PURE__ */ jsx(RiExternalLinkLine, { size: 16 }),
+                  variant: "tertiary",
+                  onPress: () => onView(asset.id)
+                }
+              ),
+              /* @__PURE__ */ jsx(Tooltip, { children: "View details" })
+            ] })
           ] })
         ] })
       ]

package/dist/components/AssetCard/AssetCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetCard.esm.js","sources":["../../../src/components/AssetCard/AssetCard.tsx"],"sourcesContent":["import type { ElementType } from 'react';\nimport Box from '@mui/material/Box';\nimport Card from '@mui/material/Card';\nimport CardActions from '@mui/material/CardActions';\nimport CardContent from '@mui/material/CardContent';\nimport Chip from '@mui/material/Chip';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport OpenInNewIcon from '@mui/icons-material/OpenInNew';\nimport DownloadIcon from '@mui/icons-material/Download';\nimport ArticleIcon from '@mui/icons-material/Article';\nimport SmartToyIcon from '@mui/icons-material/SmartToy';\nimport BuildIcon from '@mui/icons-material/Build';\nimport AccountTreeIcon from '@mui/icons-material/AccountTree';\nimport type { AiAssetSummary, AssetType, AiTool } from '@nospt/plugin-dev-ai-hub-common';\nimport { ToolIcon } from '../ToolIcon';\n\nconst POPULAR_THRESHOLD = 5;\nconst NEW_DAYS_MS = 14 * 24 * 60 * 60 * 1000;\n\nconst TOOL_LABELS: Record<AiTool, string> = {\n  'all':            'Universal',\n  'claude-code':    'Claude Code',\n  'github-copilot': 'GitHub Copilot',\n  'google-gemini':  'Google Gemini',\n  'cursor':         'Cursor',\n};\n\nconst TYPE_CONFIG: Record<AssetType, { label: string; color: string; bg: string; Icon: ElementType }> = {\n  instruction: { label: 'Instruction', color: '#2563EB', bg: '#EFF6FF', Icon: ArticleIcon },\n  agent:       { label: 'Agent',       color: '#7C3AED', bg: '#F5F3FF', Icon: SmartToyIcon },\n  skill:       { label: 'Skill',       color: '#059669', bg: '#ECFDF5', Icon: BuildIcon },\n  workflow:    { label: 'Workflow',    color: '#D97706', bg: '#FFFBEB', Icon: AccountTreeIcon },\n};\n\ninterface AssetCardProps {\n  asset: AiAssetSummary;\n  onView: (id: string) => void;\n  onInstall: (id: string) => void;\n}\n\nexport function AssetCard({ asset, onView, onInstall }: AssetCardProps) {\n  const cfg = TYPE_CONFIG[asset.type];\n  const TypeIcon = cfg.Icon;\n  const isPopular = asset.installCount >= POPULAR_THRESHOLD;\n  const isNew = Date.now() - new Date(asset.updatedAt).getTime() < NEW_DAYS_MS;\n\n  return (\n    <Card\n      variant=\"outlined\"\n      sx={{\n        height: '100%',\n        display: 'flex',\n        flexDirection: 'column',\n        borderRadius: 2,\n        border: '1px solid',\n        borderColor: 'divider',\n        borderLeft: `3px solid ${cfg.color}`,\n        transition: 'all 0.18s ease',\n        '&:hover': {\n          boxShadow: `0 6px 24px ${cfg.color}30`,\n          borderColor: cfg.color,\n          transform: 'translateY(-2px)',\n        },\n      }}\n    >\n      <CardContent sx={{ p: 1.5, pb: '0 !important', flex: 1 }}>\n        {/* Header */}\n        <Box sx={{ display: 'flex', alignItems: 'flex-start', gap: 1, mb: 1 }}>\n          <Box\n            sx={{\n              width: 36,\n              height: 36,\n              borderRadius: 1.5,\n              backgroundColor: cfg.bg,\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n              flexShrink: 0,\n              boxShadow: `0 2px 8px ${cfg.color}25`,\n            }}\n          >\n            {asset.icon ? (\n              <Box\n                component=\"img\"\n                src={asset.icon}\n                alt={asset.label ?? asset.name}\n                sx={{ width: 20, height: 20, objectFit: 'contain' }}\n                onError={e => { (e.target as HTMLImageElement).style.display = 'none'; }}\n              />\n            ) : (\n              <TypeIcon sx={{ color: cfg.color, fontSize: '1.1rem' }} />\n            )}\n          </Box>\n\n          <Box sx={{ flex: 1, minWidth: 0 }}>\n            <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5, mb: 0.2 }}>\n              <Typography variant=\"body2\" fontWeight={700} noWrap title={asset.label ?? asset.name} sx={{ lineHeight: 1.2, flex: 1 }}>\n                {asset.label ?? asset.name}\n              </Typography>\n              {isNew && (\n                <Chip\n                  label=\"New\"\n                  size=\"small\"\n                  sx={{\n                    height: 16,\n                    fontSize: '0.58rem',\n                    fontWeight: 700,\n                    backgroundColor: '#059669',\n                    color: '#fff',\n                    borderRadius: 1,\n                    flexShrink: 0,\n                    '& .MuiChip-label': { px: '5px' },\n                  }}\n                />\n              )}\n            </Box>\n            <Typography variant=\"caption\" sx={{ color: cfg.color, fontWeight: 600 }}>\n              {cfg.label}\n            </Typography>\n          </Box>\n        </Box>\n\n        {/* Description */}\n        <Typography\n          variant=\"caption\"\n          color=\"text.secondary\"\n          sx={{\n            mb: 1,\n            display: '-webkit-box',\n            WebkitLineClamp: 2,\n            WebkitBoxOrient: 'vertical',\n            overflow: 'hidden',\n            lineHeight: 1.4,\n          }}\n        >\n          {asset.description}\n        </Typography>\n\n        {/* Tools */}\n        <Box sx={{ display: 'flex', gap: 0.5, flexWrap: 'wrap', mb: asset.tags.length > 0 ? 0.75 : 0 }}>\n          {asset.tools.map(tool => (\n            <Chip\n              key={tool}\n              icon={<ToolIcon tool={tool as AiTool} sx={{ fontSize: '0.75rem !important' }} />}\n              label={TOOL_LABELS[tool as AiTool] ?? tool}\n              size=\"small\"\n              sx={{\n                height: 18,\n                fontSize: '0.65rem',\n                fontWeight: 600,\n                backgroundColor: 'action.hover',\n                color: 'text.secondary',\n                borderRadius: 1,\n                '& .MuiChip-icon': { ml: '4px' },\n              }}\n            />\n          ))}\n        </Box>\n\n        {/* Tags */}\n        {asset.tags.length > 0 && (\n          <Box sx={{ display: 'flex', gap: 0.5, flexWrap: 'wrap' }}>\n            {asset.tags.slice(0, 3).map(tag => (\n              <Chip\n                key={tag}\n                label={`#${tag}`}\n                size=\"small\"\n                sx={{\n                  height: 16,\n                  fontSize: '0.6rem',\n                  color: 'text.disabled',\n                  backgroundColor: 'transparent',\n                  border: '1px solid',\n                  borderColor: 'divider',\n                  borderRadius: 1,\n                }}\n              />\n            ))}\n            {asset.tags.length > 3 && (\n              <Typography variant=\"caption\" color=\"text.disabled\" sx={{ alignSelf: 'center' }}>\n                +{asset.tags.length - 3}\n              </Typography>\n            )}\n          </Box>\n        )}\n      </CardContent>\n\n      <CardActions sx={{ px: 1.5, py: 1, justifyContent: 'space-between', mt: 'auto', borderTop: '1px solid', borderColor: 'divider' }}>\n        <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n          <Typography variant=\"caption\" color=\"text.disabled\" sx={{ fontSize: '0.65rem' }}>\n            v{asset.version} · {asset.author}\n          </Typography>\n          {asset.installCount > 0 && (\n            <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.25 }}>\n              <Typography sx={{ fontSize: '0.65rem', lineHeight: 1 }}>\n                {isPopular ? '🔥' : '↓'}\n              </Typography>\n              <Typography variant=\"caption\" color=\"text.disabled\" sx={{ fontSize: '0.65rem' }}>\n                {asset.installCount}\n              </Typography>\n            </Box>\n          )}\n        </Box>\n        <Box sx={{ display: 'flex', gap: 0.25 }}>\n          <Tooltip title=\"Install in editor\">\n            <IconButton size=\"small\" onClick={() => onInstall(asset.id)} color=\"primary\">\n              <DownloadIcon fontSize=\"small\" />\n            </IconButton>\n          </Tooltip>\n          <Tooltip title=\"View details\">\n            <IconButton size=\"small\" onClick={() => onView(asset.id)}>\n              <OpenInNewIcon fontSize=\"small\" />\n            </IconButton>\n          </Tooltip>\n        </Box>\n      </CardActions>\n    </Card>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"AssetCard.esm.js","sources":["../../../src/components/AssetCard/AssetCard.tsx"],"sourcesContent":["import type { ElementType } from 'react';\nimport { Box, Flex, Text, Card, CardBody, CardFooter, Tag, TagGroup, ButtonIcon, Tooltip, TooltipTrigger } from '@backstage/ui';\nimport { RiDownloadLine, RiExternalLinkLine } from '@remixicon/react';\nimport { RiArticleLine, RiRobot2Line, RiToolsLine, RiGitBranchLine } from '@remixicon/react';\nimport type { AiAssetSummary, AssetType, AiTool } from '@nospt/plugin-dev-ai-hub-common';\nimport { ToolIcon } from '../ToolIcon';\nimport styles from './AssetCard.module.css';\n\nconst POPULAR_THRESHOLD = 5;\nconst NEW_DAYS_MS = 14 * 24 * 60 * 60 * 1000;\n\nconst TOOL_LABELS: Record<AiTool, string> = {\n  'all':            'Universal',\n  'claude-code':    'Claude Code',\n  'github-copilot': 'GitHub Copilot',\n  'google-gemini':  'Google Gemini',\n  'cursor':         'Cursor',\n};\n\nconst TYPE_CONFIG: Record<AssetType, { label: string; color: string; bg: string; Icon: ElementType }> = {\n  instruction: { label: 'Instruction', color: '#54A0FF', bg: 'rgba(84, 160, 255, 0.15)',   Icon: RiArticleLine },\n  agent:       { label: 'Agent',       color: '#FF6B9D', bg: 'rgba(255, 107, 157, 0.15)', Icon: RiRobot2Line },\n  skill:       { label: 'Skill',       color: '#6AB04C', bg: 'rgba(106, 176, 76, 0.15)',  Icon: RiToolsLine },\n  workflow:    { label: 'Workflow',    color: '#F9CA24', bg: 'rgba(249, 202, 36, 0.15)',  Icon: RiGitBranchLine },\n};\n\ninterface AssetCardProps {\n  asset: AiAssetSummary;\n  onView: (id: string) => void;\n  onInstall: (id: string) => void;\n}\n\nexport function AssetCard({ asset, onView, onInstall }: AssetCardProps) {\n  const cfg = TYPE_CONFIG[asset.type];\n  const TypeIcon = cfg.Icon;\n  const isPopular = asset.installCount >= POPULAR_THRESHOLD;\n  const isNew = Date.now() - new Date(asset.updatedAt).getTime() < NEW_DAYS_MS;\n\n  return (\n    <Card\n      className={styles.card}\n      style={{ '--card-accent': cfg.color } as React.CSSProperties}\n    >\n      <CardBody className={styles.cardContent}>\n        {/* Header */}\n        <Flex className={styles.header}>\n          <Box\n            className={styles.iconBox}\n            style={{ backgroundColor: cfg.bg }}\n          >\n            {asset.icon ? (\n              <img\n                src={asset.icon}\n                alt={asset.label ?? asset.name}\n                className={styles.iconImage}\n                onError={e => { (e.target as HTMLImageElement).style.display = 'none'; }}\n              />\n            ) : (\n              <TypeIcon size={18} style={{ color: cfg.color }} />\n            )}\n          </Box>\n\n          <Box className={styles.headerInfo}>\n            <Flex className={styles.titleRow}>\n              <Text variant=\"body-medium\" weight=\"bold\" className={styles.title} title={asset.label ?? asset.name}>\n                {asset.label ?? asset.name}\n              </Text>\n              {isNew && (\n                <TagGroup aria-label=\"Status\">\n                  <Tag id=\"new\" size=\"small\" className={styles.newBadge}>New</Tag>\n                </TagGroup>\n              )}\n            </Flex>\n            <Text variant=\"body-x-small\" style={{ color: cfg.color, fontWeight: 600 }}>\n              {cfg.label}\n            </Text>\n          </Box>\n        </Flex>\n\n        {/* Description */}\n        <Text variant=\"body-x-small\" color=\"secondary\" className={styles.description}>\n          {asset.description}\n        </Text>\n\n        {/* Tools */}\n        <TagGroup aria-label=\"Compatible tools\" className={`${styles.toolsRow} ${asset.tags.length > 0 ? styles.toolsRowWithTags : ''}`}>\n          {asset.tools.map(tool => (\n            <Tag key={tool} id={tool} size=\"small\" className={styles.toolChip} icon={<ToolIcon tool={tool as AiTool} size={12} />}>\n              {TOOL_LABELS[tool as AiTool] ?? tool}\n            </Tag>\n          ))}\n        </TagGroup>\n\n        {/* Tags */}\n        {asset.tags.length > 0 && (\n          <>\n            <TagGroup aria-label=\"Tags\" className={styles.tagsRow}>\n              {asset.tags.slice(0, 3).map(tag => (\n                <Tag key={tag} id={tag} size=\"small\" className={styles.tagChip}>\n                  #{tag}\n                </Tag>\n              ))}\n            </TagGroup>\n            {asset.tags.length > 3 && (\n              <Text variant=\"body-x-small\" color=\"secondary\" style={{ alignSelf: 'center' }}>\n                +{asset.tags.length - 3}\n              </Text>\n            )}\n          </>\n        )}\n      </CardBody>\n\n      <CardFooter className={styles.cardActions}>\n        <Flex className={styles.metaRow}>\n          <Text variant=\"body-x-small\" color=\"secondary\" className={styles.metaText}>\n            v{asset.version} · {asset.author}\n          </Text>\n          {asset.installCount > 0 && (\n            <Flex className={styles.installCountRow}>\n              <Text className={styles.installEmoji}>\n                {isPopular ? '🔥' : '↓'}\n              </Text>\n              <Text variant=\"body-x-small\" color=\"secondary\" className={styles.metaText}>\n                {asset.installCount}\n              </Text>\n            </Flex>\n          )}\n        </Flex>\n        <Flex className={styles.actionsRow}>\n          <TooltipTrigger>\n            <ButtonIcon\n              aria-label=\"Install in editor\"\n              icon={<RiDownloadLine size={16} />}\n              variant=\"tertiary\"\n              onPress={() => onInstall(asset.id)}\n            />\n            <Tooltip>Install in editor</Tooltip>\n          </TooltipTrigger>\n          <TooltipTrigger>\n            <ButtonIcon\n              aria-label=\"View details\"\n              icon={<RiExternalLinkLine size={16} />}\n              variant=\"tertiary\"\n              onPress={() => onView(asset.id)}\n            />\n            <Tooltip>View details</Tooltip>\n          </TooltipTrigger>\n        </Flex>\n      </CardFooter>\n    </Card>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/AssetCard/AssetCard.module.css.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "@layer components {\n  .AssetCard_card__9c326df4e1 {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    border-radius: var(--bui-radius-2);\n    border: 1px solid var(--bui-border-1);\n    border-left: 3px solid var(--card-accent);\n    background-color: var(--bui-bg-neutral-1);\n    transition: all 0.18s ease;\n  }\n\n  .AssetCard_card__9c326df4e1:hover {\n    box-shadow: 0 6px 24px color-mix(in srgb, var(--card-accent) 19%, transparent);\n    border-color: var(--card-accent);\n    transform: translateY(-2px);\n  }\n\n  .AssetCard_cardContent__9c326df4e1 {\n    padding: var(--bui-space-3);\n    padding-bottom: 0;\n    flex: 1;\n  }\n\n  .AssetCard_header__9c326df4e1 {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--bui-space-2);\n    margin-bottom: var(--bui-space-2);\n  }\n\n  .AssetCard_iconBox__9c326df4e1 {\n    width: 36px;\n    height: 36px;\n    border-radius: var(--bui-radius-2);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    box-shadow: 0 2px 8px color-mix(in srgb, var(--card-accent) 15%, transparent);\n  }\n\n  .AssetCard_iconImage__9c326df4e1 {\n    width: 20px;\n    height: 20px;\n    object-fit: contain;\n  }\n\n  .AssetCard_headerInfo__9c326df4e1 {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .AssetCard_titleRow__9c326df4e1 {\n    display: flex;\n    align-items: center;\n    gap: var(--bui-space-1);\n    margin-bottom: 2px;\n  }\n\n  .AssetCard_title__9c326df4e1 {\n    line-height: 1.2;\n    flex: 1;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  .AssetCard_newBadge__9c326df4e1 {\n    height: 16px;\n    flex-shrink: 0;\n    font-size: 0.58rem;\n    font-weight: 700;\n    background-color: #6AB04C;\n    color: #fff;\n  }\n\n  .AssetCard_description__9c326df4e1 {\n    margin-bottom: var(--bui-space-2);\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    line-height: 1.4;\n  }\n\n  .AssetCard_toolsRow__9c326df4e1 .bui-TagList {\n    display: flex;\n    gap: var(--bui-space-1);\n    flex-wrap: wrap;\n  }\n\n  .AssetCard_toolsRowWithTags__9c326df4e1 {\n    margin-bottom: 6px;\n  }\n\n  .AssetCard_toolChip__9c326df4e1 {\n    height: 18px;\n    font-size: 0.65rem;\n    font-weight: 600;\n    background-color: var(--bui-bg-neutral-1-hover);\n    color: var(--bui-fg-secondary);\n  }\n\n  .AssetCard_tagsRow__9c326df4e1 .bui-TagList {\n    display: flex;\n    gap: var(--bui-space-1);\n    flex-wrap: wrap;\n  }\n\n  .AssetCard_tagChip__9c326df4e1 {\n    height: 16px;\n    font-size: 0.6rem;\n    color: var(--bui-fg-secondary);\n    background-color: transparent;\n    border: 1px solid var(--bui-border-1);\n  }\n\n  .AssetCard_cardActions__9c326df4e1 {\n    padding: var(--bui-space-2) var(--bui-space-3);\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: auto;\n    border-top: 1px solid var(--bui-border-1);\n  }\n\n  .AssetCard_metaRow__9c326df4e1 {\n    display: flex;\n    align-items: center;\n    gap: var(--bui-space-2);\n  }\n\n  .AssetCard_metaText__9c326df4e1 {\n    font-size: 0.65rem;\n  }\n\n  .AssetCard_installCountRow__9c326df4e1 {\n    display: flex;\n    align-items: center;\n    gap: 2px;\n  }\n\n  .AssetCard_installEmoji__9c326df4e1 {\n    font-size: 0.65rem;\n    line-height: 1;\n  }\n\n  .AssetCard_actionsRow__9c326df4e1 {\n    display: flex;\n    gap: 2px;\n  }\n}\n";
+var styles = {"card":"AssetCard_card__9c326df4e1","cardContent":"AssetCard_cardContent__9c326df4e1","header":"AssetCard_header__9c326df4e1","iconBox":"AssetCard_iconBox__9c326df4e1","iconImage":"AssetCard_iconImage__9c326df4e1","headerInfo":"AssetCard_headerInfo__9c326df4e1","titleRow":"AssetCard_titleRow__9c326df4e1","title":"AssetCard_title__9c326df4e1","newBadge":"AssetCard_newBadge__9c326df4e1","description":"AssetCard_description__9c326df4e1","toolsRow":"AssetCard_toolsRow__9c326df4e1","toolsRowWithTags":"AssetCard_toolsRowWithTags__9c326df4e1","toolChip":"AssetCard_toolChip__9c326df4e1","tagsRow":"AssetCard_tagsRow__9c326df4e1","tagChip":"AssetCard_tagChip__9c326df4e1","cardActions":"AssetCard_cardActions__9c326df4e1","metaRow":"AssetCard_metaRow__9c326df4e1","metaText":"AssetCard_metaText__9c326df4e1","installCountRow":"AssetCard_installCountRow__9c326df4e1","installEmoji":"AssetCard_installEmoji__9c326df4e1","actionsRow":"AssetCard_actionsRow__9c326df4e1"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=AssetCard.module.css.esm.js.map

package/dist/components/AssetCard/AssetCard.module.css.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetCard.module.css.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}