@octo-cyber/ai 0.5.5 → 0.5.7

package/web/dynamic-entry.tsx

@@ -0,0 +1,94 @@
+/**
+ * AI Dynamic IIFE Entry Point
+ *
+ * Built by `pnpm build:web` into web/dist/module.iife.js.
+ * Loaded at runtime by the universal renderer at /m/ai/[...path].
+ *
+ * React is externalized — uses window.__OCTO_REACT.React from the host app.
+ * Registers as window.__OCTO_MODULES['ai'] = { mount, unmount }.
+ */
+import * as React from 'react';
+import type { Root } from 'react-dom/client';
+import AiCliToolsPage from './pages/AiCliToolsPage';
+import WorkspacesPage from './pages/WorkspacesPage';
+import SkillsPage from './pages/SkillsPage';
+import SkillMarketPage from './pages/SkillMarketPage';
+import AgentRunsPage from './pages/AgentRunsPage';
+import AgentsPage from './pages/AgentsPage';
+import ApprovalsPage from './pages/ApprovalsPage';
+import SessionsPage from './pages/SessionsPage';
+import AgentMarketPage from './pages/AgentMarketPage';
+import OrchestratorPage from './pages/OrchestratorPage';
+
+// ── Route Table ─────────────────────────────────────────────────────────────
+
+const ROUTE_TABLE: Record<string, React.ComponentType> = {
+  '/':               AiCliToolsPage,
+  '/workspaces':     WorkspacesPage,
+  '/skills':         SkillsPage,
+  '/skill-market':   SkillMarketPage,
+  '/agent-runs':     AgentRunsPage,
+  '/agents':         AgentsPage,
+  '/approvals':      ApprovalsPage,
+  '/sessions':       SessionsPage,
+  '/agent-market':   AgentMarketPage,
+  '/orchestrator':   OrchestratorPage,
+};
+
+// ── Module Shell ─────────────────────────────────────────────────────────────
+
+function AiShell({ path }: { path: string }) {
+  const Component = ROUTE_TABLE[path] ?? ROUTE_TABLE['/'];
+  return React.createElement(Component);
+}
+
+// ── IIFE Module API ──────────────────────────────────────────────────────────
+
+interface OctoReact {
+  React: typeof React;
+  ReactDOMClient: { createRoot: (el: Element) => Root };
+}
+
+declare global {
+  interface Window {
+    __OCTO_REACT?: OctoReact;
+    __OCTO_MODULES?: Record<string, OctoModule>;
+  }
+}
+
+interface OctoModule {
+  mount(container: Element, props: MountProps): void;
+  unmount(container: Element): void;
+}
+
+interface MountProps {
+  path: string;
+  locale?: string;
+}
+
+const roots = new WeakMap<Element, Root>();
+
+function mount(container: Element, { path }: MountProps): void {
+  const octo = window.__OCTO_REACT;
+  if (!octo) {
+    console.error('[octo-ai] window.__OCTO_REACT not found — host app must expose it');
+    return;
+  }
+  let root = roots.get(container);
+  if (!root) {
+    root = octo.ReactDOMClient.createRoot(container);
+    roots.set(container, root);
+  }
+  root.render(React.createElement(AiShell, { path }));
+}
+
+function unmount(container: Element): void {
+  const root = roots.get(container);
+  if (root) {
+    root.unmount();
+    roots.delete(container);
+  }
+}
+
+window.__OCTO_MODULES ??= {};
+window.__OCTO_MODULES['ai'] = { mount, unmount };

package/web/index.ts

@@ -15,7 +15,24 @@ export { default as aiMessagesEnUS } from './messages/en-US.json';
 export { default as AiCliToolsPage } from './pages/AiCliToolsPage';
 export { default as WorkspacesPage } from './pages/WorkspacesPage';
 export { default as SkillsPage } from './pages/SkillsPage';
+export { default as SkillMarketPage } from './pages/SkillMarketPage';
+export { default as AgentRunsPage } from './pages/AgentRunsPage';
+export { default as AgentsPage } from './pages/AgentsPage';
+export { default as ApprovalsPage } from './pages/ApprovalsPage';
+export { default as SessionsPage } from './pages/SessionsPage';
+export { default as AgentMarketPage } from './pages/AgentMarketPage';
+export { default as OrchestratorPage } from './pages/OrchestratorPage';
+
+// Components
+export { WorkspaceSelect } from './components/WorkspaceSelect';
 
 // Services
-export { aiCliService } from './services/ai-cli-service';
+export { aiCliService, type WorkspaceInfo } from './services/ai-cli-service';
 export { skillService } from './services/skill-service';
+export { skillMarketService } from './services/skill-market-service';
+export { agentRunService } from './services/agent-run.service';
+export { agentGatewayService } from './services/agent-gateway.service';
+export { agentApprovalService } from './services/agent-approval.service';
+export { agentSessionService } from './services/agent-session.service';
+export { externalAgentService } from './services/external-agent.service';
+export { orchestratorService } from './services/orchestrator.service';

package/web/manifest.ts

@@ -11,5 +11,12 @@ export const aiFrontendManifest: IFrontendManifest = {
     { path: '/ai-tools', titleKey: 'aiTools.pages.tools', icon: 'Terminal', component: '@octo-cyber/ai/web/pages/AiCliToolsPage' },
     { path: '/ai-tools/workspaces', titleKey: 'aiTools.pages.workspaces', icon: 'Terminal', component: '@octo-cyber/ai/web/pages/WorkspacesPage' },
     { path: '/ai-tools/skills', titleKey: 'aiTools.pages.skills', icon: 'Sparkles', component: '@octo-cyber/ai/web/pages/SkillsPage' },
+    { path: '/ai-tools/skill-market', titleKey: 'aiTools.pages.skillMarket', icon: 'Store', component: '@octo-cyber/ai/web/pages/SkillMarketPage' },
+    { path: '/ai-tools/agent-runs', titleKey: 'aiTools.pages.agentRuns', icon: 'Activity', component: '@octo-cyber/ai/web/pages/AgentRunsPage' },
+    { path: '/ai-tools/agents', titleKey: 'aiTools.pages.agents', icon: 'Bot', component: '@octo-cyber/ai/web/pages/AgentsPage' },
+    { path: '/ai-tools/approvals', titleKey: 'aiTools.pages.approvals', icon: 'CheckSquare', component: '@octo-cyber/ai/web/pages/ApprovalsPage' },
+    { path: '/ai-tools/sessions', titleKey: 'aiTools.pages.sessions', icon: 'Layers', component: '@octo-cyber/ai/web/pages/SessionsPage' },
+    { path: '/ai-tools/agent-market', titleKey: 'aiTools.pages.agentMarket', icon: 'Store', component: '@octo-cyber/ai/web/pages/AgentMarketPage' },
+    { path: '/ai-tools/orchestrator', titleKey: 'aiTools.pages.orchestrator', icon: 'Network', component: '@octo-cyber/ai/web/pages/OrchestratorPage' },
   ],
 };

package/web/messages/en-US.json

@@ -1,24 +1,157 @@
 {
+  "aiTools": {
+    "title": "AI Tools",
+    "description": "Local AI CLI tools management",
+    "pages": {
+      "tools": "Tool Hub",
+      "workspaces": "Workspaces",
+      "skills": "Skills",
+      "skillMarket": "Skill Market",
+      "agentRuns": "Run History",
+      "agents": "Agent Capabilities",
+      "approvals": "Approval Center",
+      "sessions": "Sessions",
+      "agentMarket": "Agent Market",
+      "orchestrator": "Auto-Orchestrate"
+    },
+    "agentGateway": {
+      "title": "Agent Capabilities",
+      "description": "Manage and test registered agent capabilities",
+      "loadError": "Failed to load agents",
+      "noAgents": "No agents registered",
+      "available": "Available",
+      "unavailable": "Unavailable",
+      "testAgent": "Test",
+      "prompt": "Prompt",
+      "promptPlaceholder": "Describe the task, e.g.: Take a screenshot and analyze the current page",
+      "running": "Running...",
+      "run": "Run",
+      "runId": "Run ID",
+      "viewRun": "View Run"
+    },
+    "approvals": {
+      "title": "Approval Center",
+      "description": "Review and handle human-in-the-loop approval requests from agents",
+      "question": "Question",
+      "runId": "Run",
+      "createdAt": "Submitted At",
+      "status": "Status",
+      "pending": "Pending",
+      "approved": "Approved",
+      "rejected": "Rejected",
+      "noPending": "No pending approvals",
+      "responsePlaceholder": "Enter approval comment (optional)",
+      "response": "Comment",
+      "approve": "Approve",
+      "reject": "Reject",
+      "approveSuccess": "Approved",
+      "rejectSuccess": "Rejected"
+    },
+    "sessions": {
+      "title": "Sessions",
+      "description": "Manage agent execution sessions with shared context",
+      "context": "Shared Context",
+      "active": "Active",
+      "completed": "Completed",
+      "paused": "Paused",
+      "name": "Name",
+      "status": "Status",
+      "runs": "Runs",
+      "createdAt": "Created At",
+      "noSessions": "No sessions",
+      "unnamed": "Unnamed",
+      "close": "Close",
+      "newSession": "New Session",
+      "sessionName": "Name the new session (optional)",
+      "namePlaceholder": "e.g., Project automation task",
+      "createSuccess": "Session created",
+      "closeSuccess": "Session closed"
+    },
+    "agentMarket": {
+      "title": "Agent Market",
+      "description": "Manage registered remote agents for multi-machine collaboration",
+      "online": "Online",
+      "offline": "Offline",
+      "loadError": "Failed to load agents",
+      "noAgents": "No agents registered",
+      "name": "Name",
+      "agentId": "Agent ID",
+      "endpoint": "Endpoint",
+      "capabilities": "Capabilities",
+      "status": "Status",
+      "lastHeartbeat": "Last Heartbeat",
+      "never": "Never",
+      "registerAgent": "Register Agent",
+      "agentIdPlaceholder": "e.g., machine01/computer-use",
+      "namePlaceholder": "e.g., Desktop Control Agent",
+      "endpointPlaceholder": "e.g., http://192.168.1.100:8080/invoke",
+      "capabilitiesPlaceholder": "e.g., screenshot, click, type",
+      "capabilitiesHint": "Separate multiple capabilities with commas",
+      "register": "Register",
+      "registerSuccess": "Agent registered",
+      "unregister": "Unregister",
+      "unregisterSuccess": "Agent unregistered"
+    },
+    "orchestrator": {
+      "title": "Auto-Orchestrate",
+      "description": "Describe your goal in natural language — AI plans and executes a multi-agent workflow",
+      "goalPlaceholder": "Describe what you want to accomplish, e.g.: Automatically summarize yesterday's sales data and send a report to the team every day",
+      "generatePlan": "Generate Plan",
+      "generating": "Generating...",
+      "executePlan": "Execute Plan",
+      "executing": "Executing...",
+      "planCreated": "Plan created",
+      "planCompleted": "Plan completed",
+      "planFailed": "Plan failed",
+      "recentPlans": "Recent Plans",
+      "goal": "Goal",
+      "status": "Status",
+      "stepsProgress": "Progress",
+      "steps": "Steps",
+      "result": "Result",
+      "noPlans": "No plans yet",
+      "feedback": "Feedback",
+      "commentPlaceholder": "Enter feedback (optional)",
+      "submitFeedback": "Submit Feedback",
+      "feedbackThanks": "Thanks for your feedback!",
+      "draft": "Draft",
+      "running": "Running",
+      "completed": "Completed",
+      "failed": "Failed",
+      "pending": "Pending"
+    }
+  },
   "nav": {
     "aiTools": {
       "title": "AI Tools",
       "description": "Local AI CLI tools management",
       "pages": {
-        "tools": "CLI Tools",
+        "tools": "Tool Hub",
         "workspaces": "Workspaces",
-        "skills": "Skills"
+        "skills": "Skills",
+        "skillMarket": "Skill Market",
+        "agentRuns": "Run History",
+        "agents": "Agent Capabilities",
+        "approvals": "Approval Center",
+        "sessions": "Sessions",
+        "agentMarket": "Agent Market",
+        "orchestrator": "Auto-Orchestrate"
       }
     }
   },
   "aiCli": {
-    "title": "AI CLI Tools",
-    "description": "Manage local AI tools (Claude, Gemini, Codex, Antigravity) status and testing",
+    "title": "Tool Hub",
+    "description": "Manage local AI tools (CLI tools and API tools) status and testing",
     "summary": "{available}/{total} tools available",
-    "noTools": "No CLI tools detected",
+    "noTools": "No tools detected",
     "status": {
       "available": "Available",
       "unavailable": "Unavailable"
     },
+    "toolType": {
+      "cli": "CLI",
+      "api": "API"
+    },
     "actions": {
       "healthCheck": "Check",
       "testRun": "Test"
@@ -37,6 +170,9 @@
       "noOutput": "No output"
     },
     "modelCount": "{count} models",
+    "installedSkills": "Installed Skills",
+    "noInstalledSkills": "No installed Skills",
+    "skillCount": "{count} Skills",
     "toast": {
       "loadFailed": "Failed to load tools",
       "healthOk": "{name} check passed",
@@ -68,13 +204,24 @@
         "typeGithubDesc": "Clone a GitHub repository as workspace",
         "nameLabel": "Name",
         "namePlaceholder": "e.g., my-project",
+        "descriptionLabel": "Description",
+        "descriptionPlaceholder": "Brief description to help skills quickly locate this workspace",
         "localPathLabel": "Local Directory Path",
         "localPathPlaceholder": "e.g., /Users/user/projects/my-project",
+        "browse": "Browse",
+        "parentDir": "Parent Directory",
+        "selectThisDir": "Select This Directory",
+        "emptyDir": "This directory is empty",
+        "gitDetected": "Git repository detected",
+        "gitNotDetected": "Not a Git repository",
+        "detecting": "Detecting...",
         "repoUrlLabel": "Repository URL",
         "repoUrlPlaceholder": "e.g., https://github.com/user/repo.git",
         "branchLabel": "Branch",
         "branchPlaceholder": "e.g., main"
       },
+      "installedSkills": "Installed Skills",
+      "noInstalledSkills": "None",
       "deleteConfirm": "Are you sure you want to delete workspace \"{name}\"?",
       "deleteConfirmLocal": "Only the workspace record will be removed. The original directory will not be deleted.",
       "deleteConfirmGithub": "The cloned repository directory will be deleted.",
@@ -86,7 +233,10 @@
         "deleteFailed": "Failed to delete workspace",
         "pulled": "Successfully pulled latest code",
         "pullFailed": "Pull failed"
-      }
+      },
+      "selectPlaceholder": "Select workspace",
+      "noWorkspace": "No workspace",
+      "loading": "Loading workspaces..."
     }
   },
   "aiSkills": {
@@ -140,6 +290,80 @@
     },
     "pages": {
       "skills": "AI Skills"
+    },
+    "market": {
+      "title": "Skill Market",
+      "description": "Browse and install Skills to AI tools",
+      "comingSoon": "Coming soon"
+    }
+  },
+  "aiSkillMarket": {
+    "title": "Skill Market",
+    "description": "Search and install community Agent Skills",
+    "searchPlaceholder": "Search skills, e.g. excel, react, testing...",
+    "search": "Search",
+    "searching": "Searching...",
+    "featuredRepos": "Featured Repos",
+    "searchResults": "Search Results",
+    "noResults": "No skills found",
+    "installTitle": "Install Skill",
+    "installDesc": "Select AI tools to install to",
+    "install": "Install",
+    "installing": "Installing...",
+    "installed": "Installed",
+    "installSuccess": "Skill installed successfully",
+    "installFailed": "Installation failed",
+    "from": "From",
+    "skills": "Skills",
+    "stars": "Stars",
+    "category": "Category",
+    "browseSkills": "Browse Skills",
+    "loading": "Loading...",
+    "selectTargets": "Select install targets",
+    "installScopeLabel": "Install Scope",
+    "userLevel": "User Level",
+    "userLevelDesc": "Install to user-level skills directory (available in all projects)",
+    "workspaceLevel": "Workspace",
+    "workspaceLevelDesc": "Install to workspace directory (available only in that project)",
+    "selectWorkspace": "Select a workspace",
+    "tokenConfig": {
+      "title": "GitHub Token",
+      "description": "Configure a GitHub Token to increase API rate limits (60/hour without token, 5000/hour with token)",
+      "inputLabel": "GitHub Personal Access Token",
+      "inputPlaceholder": "ghp_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
+      "currentToken": "Current Token",
+      "source": "Source",
+      "sourceConfig": "Manual config",
+      "sourceEnv": "Environment variable",
+      "noToken": "No token configured",
+      "noTokenHint": "No GitHub Token configured. API requests are limited to 60/hour, which may cause search failures",
+      "save": "Save",
+      "clear": "Clear",
+      "saved": "Token saved",
+      "cleared": "Token cleared",
+      "saveFailed": "Save failed",
+      "settings": "Settings"
+    }
+  },
+  "agentRuns": {
+    "title": "Run History",
+    "description": "View all async agent execution records and their status",
+    "columns": {
+      "status": "Status",
+      "agentType": "Agent Type",
+      "prompt": "Task Description",
+      "createdAt": "Created At",
+      "duration": "Duration"
+    },
+    "status": {
+      "pending": "Pending",
+      "running": "Running",
+      "completed": "Completed",
+      "failed": "Failed",
+      "cancelled": "Cancelled"
+    },
+    "toast": {
+      "loadFailed": "Failed to load run history"
     }
   }
-}
+}