@elyracode/coding-agent 0.9.18 → 0.9.19

package/dist/modes/interactive/interactive-mode.js

@@ -53,6 +53,7 @@ import { formatKeyText, keyDisplayText, keyHint, keyText, rawKeyHint } from "./c
 import { LoginDialogComponent } from "./components/login-dialog.js";
 import { ModelSelectorComponent } from "./components/model-selector.js";
 import { OAuthSelectorComponent } from "./components/oauth-selector.js";
+import { PackageBrowserComponent } from "./components/package-browser.js";
 import { RewindSelectorComponent } from "./components/rewind-selector.js";
 import { ScopedModelsSelectorComponent } from "./components/scoped-models-selector.js";
 import { SessionSelectorComponent } from "./components/session-selector.js";
@@ -5501,60 +5502,83 @@ export class InteractiveMode {
     // Command handlers
     // =========================================================================
     handlePackageBrowser() {
-        const packages = [
-            "@elyracode/stack-tall -- TALL: Livewire 4, Flux UI, Alpine.js, Tailwind",
-            "@elyracode/stack-vilt -- VILT: Vue 3, Inertia.js, Laravel, Tailwind",
-            "@elyracode/stack-rilt -- RILT: React 19, Inertia.js 2, Laravel, shadcn/ui",
-            "@elyracode/stack-primevue -- PrimeVue 4: 80+ UI components for Vue 3",
-            "@elyracode/stack-filament -- Filament v5: admin panels, CRUD, tables, forms",
-            "@elyracode/stack-laravel-ai -- Laravel AI SDK: agents, sub-agents, embeddings",
-            "@elyracode/db-tools -- Database: MySQL, ClickHouse, SQLite, schema discovery",
-            "@elyracode/laravel-starters -- Laravel starter kits from GitHub",
-            "@elyracode/flux-ui -- Flux UI: component index, Blade converter, page gen",
-            "@elyracode/doctor -- Project health: audit, deps, code debt, auto-heal",
-            "@elyracode/http-tools -- HTTP: API testing, docs fetching, OpenAPI parsing",
-            "@elyracode/design-tools -- Design: browser preview, screenshots, Tailwind QA",
-            "@elyracode/subagents -- Subagents: scout, reviewer, planner, worker, oracle",
-            "@elyracode/git-intel -- Git: session briefings, commit messages, PR descriptions",
-            "@elyracode/test-gen -- Testing: Pest for Laravel, Vitest for TypeScript",
-            "@elyracode/perf-tools -- Performance: N+1 queries, slow queries, indexes",
-            "@elyracode/i18n-tools -- Localization: hardcoded strings, missing translations",
-            "@elyracode/herd -- Laravel Herd: services, logs, PHP version, .env sync",
-            "@elyracode/anna -- Presentations: Anna.js slides, terminal demos, diagrams",
-            "@elyracode/swarm -- Swarm: automated build, review, and refactor pipelines",
-            "@elyracode/docker -- Docker: container exec, logs, compose, env sync",
-            "@elyracode/design-lookup -- Design extraction: colors, typography, spacing, components from any URL",
-            "@elyracode/lsp-typescript -- TypeScript LSP: go-to-definition, find-references, diagnostics, hover",
-            "@elyracode/lsp-php -- PHP LSP: go-to-definition, find-references, diagnostics, hover (Intelephense)",
-            "@elyracode/lsp-rust -- Rust LSP: go-to-definition, find-references, diagnostics, hover (rust-analyzer)",
-            "@elyracode/stack-silt -- SILT: Svelte 5, Inertia.js, Laravel, Tailwind CSS",
-            "@elyracode/seo -- SEO and LLM optimization: audit, structured data, llms.txt, meta tags",
-            "@elyracode/workflows -- Code-orchestrated workflows: multi-step pipelines in JSON",
-            "@elyracode/laravel -- Deep Laravel understanding: models, routes, architecture analysis",
-            "@elyracode/btw -- Side conversations: ask questions in parallel without affecting the main session",
-            "@elyracode/youtrack -- YouTrack: issues, comments, tags, links, projects, time tracking",
-            "@elyracode/semantic-index -- Semantic code search: find code by meaning via local embeddings",
+        const mk = (name, description) => ({
+            value: `@elyracode/${name}`,
+            name,
+            description,
+        });
+        const items = [
+            mk("stack-tall", "TALL: Livewire 4, Flux UI, Alpine.js, Tailwind"),
+            mk("stack-vilt", "VILT: Vue 3, Inertia.js, Laravel, Tailwind"),
+            mk("stack-rilt", "RILT: React 19, Inertia.js 2, Laravel, shadcn/ui"),
+            mk("stack-silt", "SILT: Svelte 5, Inertia.js, Laravel, Tailwind CSS"),
+            mk("stack-elyra-framework", "Elyra Framework: Rust + Svelte 5 desktop apps"),
+            mk("stack-primevue", "PrimeVue 4: 80+ UI components for Vue 3"),
+            mk("stack-filament", "Filament v5: admin panels, CRUD, tables, forms"),
+            mk("stack-laravel-ai", "Laravel AI SDK: agents, sub-agents, embeddings"),
+            mk("lsp-typescript", "TypeScript LSP: go-to-definition, find-references, diagnostics, hover"),
+            mk("lsp-php", "PHP LSP: go-to-definition, find-references, diagnostics, hover (Intelephense)"),
+            mk("lsp-rust", "Rust LSP: go-to-definition, find-references, diagnostics, hover (rust-analyzer)"),
+            mk("db-tools", "Database: MySQL, ClickHouse, SQLite, schema discovery"),
+            mk("laravel", "Deep Laravel understanding: models, routes, architecture analysis"),
+            mk("laravel-starters", "Laravel starter kits from GitHub"),
+            mk("flux-ui", "Flux UI: component index, Blade converter, page gen"),
+            mk("doctor", "Project health: audit, deps, code debt, auto-heal"),
+            mk("http-tools", "HTTP: API testing, docs fetching, OpenAPI parsing"),
+            mk("design-tools", "Design: browser preview, screenshots, Tailwind QA"),
+            mk("design-lookup", "Design extraction: colors, typography, spacing, components from any URL"),
+            mk("subagents", "Subagents: scout, reviewer, planner, worker, oracle"),
+            mk("git-intel", "Git: session briefings, commit messages, PR descriptions"),
+            mk("test-gen", "Testing: Pest for Laravel, Vitest for TypeScript"),
+            mk("perf-tools", "Performance: N+1 queries, slow queries, indexes"),
+            mk("i18n-tools", "Localization: hardcoded strings, missing translations"),
+            mk("herd", "Laravel Herd: services, logs, PHP version, .env sync"),
+            mk("anna", "Presentations: Anna.js slides, terminal demos, diagrams"),
+            mk("swarm", "Swarm: automated build, review, and refactor pipelines"),
+            mk("docker", "Docker: container exec, logs, compose, env sync"),
+            mk("seo", "SEO and LLM optimization: audit, structured data, llms.txt, meta tags"),
+            mk("workflows", "Code-orchestrated workflows: multi-step pipelines in JSON"),
+            mk("btw", "Side conversations: ask questions in parallel without affecting the main session"),
+            mk("youtrack", "YouTrack: issues, comments, tags, links, projects, time tracking"),
+            mk("semantic-index", "Semantic code search: find code by meaning via local embeddings"),
         ];
         this.showSelector((done) => {
-            const selector = new ExtensionSelectorComponent("Install Extension", packages, (selected) => {
+            const browser = new PackageBrowserComponent(items, (values) => {
                 done();
-                const pkgName = selected.split(" -- ")[0];
-                this.showStatus(`Installing ${pkgName}...`);
-                try {
-                    spawnSync("elyra", ["install", `npm:${pkgName}`], {
-                        cwd: process.cwd(),
-                        timeout: 60000,
-                        stdio: "pipe",
-                    });
-                    this.showStatus(`Installed ${pkgName}. Run /reload to activate.`);
-                }
-                catch {
-                    this.showError(`Failed to install ${pkgName}`);
-                }
+                this.installPackages(values);
             }, () => done());
-            return { component: selector, focus: selector };
+            return { component: browser, focus: browser };
         });
     }
+    installPackages(values) {
+        const installed = [];
+        const failed = [];
+        for (const pkgName of values) {
+            this.showStatus(`Installing ${pkgName}...`);
+            try {
+                const result = spawnSync("elyra", ["install", `npm:${pkgName}`], {
+                    cwd: process.cwd(),
+                    timeout: 60000,
+                    stdio: "pipe",
+                });
+                if (result.status === 0) {
+                    installed.push(pkgName);
+                }
+                else {
+                    failed.push(pkgName);
+                }
+            }
+            catch {
+                failed.push(pkgName);
+            }
+        }
+        if (installed.length > 0) {
+            this.showStatus(`Installed ${installed.join(", ")}. Run /reload to activate.`);
+        }
+        if (failed.length > 0) {
+            this.showError(`Failed to install ${failed.join(", ")}`);
+        }
+    }
     async handleReloadCommand() {
         if (this.session.isStreaming) {
             this.showWarning("Wait for the current response to finish before reloading.");