@tyvm/knowhow 0.0.82 → 0.0.84

package/src/chat/modules/CustomCommandsModule.ts

@@ -1,7 +1,6 @@
 import { BaseChatModule } from "./BaseChatModule";
 import { ChatCommand, ChatService, CommandResult } from "../types";
 import { getLanguageConfig } from "../../config";
-import { services } from "../../services";
 
 /**
  * CustomCommandsModule - Loads `/command`-style keys from the language config

package/src/chat/modules/InternalChatModule.ts

@@ -9,6 +9,8 @@ import { SystemModule } from "./SystemModule";
 import { SetupModule } from "./SetupModule";
 import { CustomCommandsModule } from "./CustomCommandsModule";
 import { ShellCommandModule } from "./ShellCommandModule";
+import { RendererModule } from "./RendererModule";
+import { SessionsModule } from "./SessionsModule";
 
 export class InternalChatModule implements ChatModule {
   private chatService?: CliChatService;
@@ -19,11 +21,19 @@ export class InternalChatModule implements ChatModule {
   private agentModule = new AgentModule();
   private askModule = new AskModule();
   private searchModule = new SearchModule();
+  private sessionsModule: SessionsModule;
   private voiceModule = new VoiceModule();
   private systemModule = new SystemModule();
-  private setupModule = new SetupModule();
+  private setupModule: SetupModule;
   private customCommandsModule = new CustomCommandsModule();
   private shellCommandModule = new ShellCommandModule();
+  private rendererModule: RendererModule;
+
+  constructor() {
+    this.rendererModule = new RendererModule(this.agentModule);
+    this.setupModule = new SetupModule(this.agentModule);
+    this.sessionsModule = new SessionsModule(this.agentModule);
+  }
 
   async initialize(chatService: CliChatService): Promise<void> {
     this.chatService = chatService;
@@ -31,8 +41,10 @@ export class InternalChatModule implements ChatModule {
     // Register this module first so it gets called for input handling
     chatService.registerModule(this);
 
-    // Initialize all sub-modules
+    // Initialize renderer first so context.renderer is set before other modules use it
+    await this.rendererModule.initialize(chatService);
     await this.agentModule.initialize(chatService);
+    await this.sessionsModule.initialize(chatService);
     await this.askModule.initialize(chatService);
     await this.searchModule.initialize(chatService);
     await this.voiceModule.initialize(chatService);
@@ -63,6 +75,7 @@ export class InternalChatModule implements ChatModule {
   getCommands(): ChatCommand[] {
     const commands: ChatCommand[] = [
       ...this.agentModule.getCommands(),
+      ...this.sessionsModule.getCommands(),
       ...this.askModule.getCommands(),
       ...this.searchModule.getCommands(),
       ...this.voiceModule.getCommands(),
@@ -70,6 +83,7 @@ export class InternalChatModule implements ChatModule {
       ...this.setupModule.getCommands(),
       ...this.customCommandsModule.getCommands(),
       ...this.shellCommandModule.getCommands(),
+      ...this.rendererModule.getCommands(),
       {
         name: "exit",
         description: "Exit the chat",
@@ -87,6 +101,7 @@ export class InternalChatModule implements ChatModule {
   getModes(): ChatMode[] {
     return [
       ...this.agentModule.getModes(),
+      ...this.sessionsModule.getModes(),
       ...this.askModule.getModes(),
       ...this.searchModule.getModes(),
       ...this.voiceModule.getModes(),
@@ -94,6 +109,7 @@ export class InternalChatModule implements ChatModule {
       ...this.setupModule.getModes(),
       ...this.customCommandsModule.getModes(),
       ...this.shellCommandModule.getModes(),
+      ...this.rendererModule.getModes(),
     ];
   }
 

package/src/chat/modules/RendererModule.ts

@@ -0,0 +1,109 @@
+/**
+ * RendererModule - Allows switching the active renderer mid-session via /render command
+ */
+import { BaseChatModule } from "./BaseChatModule";
+import { ChatCommand, ChatMode, ChatContext, ChatService } from "../types";
+import { loadRenderer } from "../renderer/loadRenderer";
+import { ConsoleRenderer } from "../renderer";
+import { AgentModule } from "./AgentModule";
+
+const BUILTIN_RENDERERS = ["basic", "compact", "fancy"];
+
+export class RendererModule extends BaseChatModule {
+  name = "renderer";
+  description = "Renderer switching functionality";
+
+  /** Track the current renderer name for display */
+  private currentRendererName: string = "basic";
+
+  /** Optional reference to AgentModule for rewiring rendering on renderer switch */
+  private agentModule: AgentModule | undefined;
+
+  constructor(agentModule?: AgentModule) {
+    super();
+    this.agentModule = agentModule;
+  }
+
+  async initialize(service: ChatService): Promise<void> {
+    await super.initialize(service);
+
+    // Initialize context.renderer with a default ConsoleRenderer if not already set
+    const context = service.getContext();
+    if (!context.renderer) {
+      service.setContext({ renderer: new ConsoleRenderer() });
+    }
+  }
+
+  getCommands(): ChatCommand[] {
+    return [
+      {
+        name: "render",
+        description: "Switch the active renderer or show current renderer info",
+        handler: this.handleRenderCommand.bind(this),
+      },
+    ];
+  }
+
+  getModes(): ChatMode[] {
+    return [];
+  }
+
+  async handleRenderCommand(args: string[]): Promise<void> {
+    const specifier = args[0]?.trim();
+
+    if (!specifier) {
+      // No args — show current renderer and list built-ins
+      console.log(`\n🎨 Current renderer: ${this.currentRendererName}`);
+      console.log("\nAvailable built-in renderers:");
+      for (const name of BUILTIN_RENDERERS) {
+        const marker = name === this.currentRendererName ? " ← active" : "";
+        console.log(`  ${name}${marker}`);
+      }
+      console.log(
+        "\nUsage: /render <name>   (e.g. /render fancy, /render compact, /render basic)"
+      );
+      console.log(
+        "       /render <path>   (e.g. /render ./my-renderer.js)"
+      );
+      console.log(
+        "       /render <pkg>    (e.g. /render @my-org/knowhow-renderer)"
+      );
+      return;
+    }
+
+    try {
+      console.log(`🔄 Loading renderer: ${specifier}...`);
+      const newRenderer = await loadRenderer(specifier);
+
+      // Preserve active task ID when swapping renderers
+      const currentRenderer = this.chatService?.getContext()?.renderer;
+      const activeTaskId = currentRenderer?.getActiveTaskId();
+      if (activeTaskId) {
+        newRenderer.setActiveTaskId(activeTaskId);
+      }
+
+      this.chatService?.setContext({ renderer: newRenderer });
+      this.currentRendererName = specifier;
+
+      // Rewire agent rendering event listeners to the new renderer so live
+      // events are forwarded correctly even mid-session.
+      // This works because wireAgentRendering() always reads `this.renderer`
+      // (which resolves from context), and re-registering replaces the old handlers.
+      if (this.agentModule && activeTaskId) {
+        this.agentModule.rewireAgentRendering();
+      }
+
+      console.log(`✅ Renderer switched to: ${specifier}`);
+    } catch (err: any) {
+      console.error(`❌ Failed to load renderer "${specifier}": ${err.message}`);
+    }
+  }
+
+  async handleInput(input: string, context: ChatContext): Promise<boolean> {
+    return false;
+  }
+
+  async cleanup(): Promise<void> {
+    // No cleanup needed
+  }
+}