feat: add controls management

examples/tsconfig.json

@@ -0,0 +1,11 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "baseUrl": "..",
+    "rootDir": "..",
+  },
+  "exclude": [
+    "../tests",
+    "../**/*.test.ts"
+  ]
+}

examples/ui/chat-monitor/chat-monitor.ts

@@ -0,0 +1,7 @@
+import { ChatMonitor } from "../../../src/ui/chat-monitor/chat-monitor.js";
+import { getLogger } from "../helpers/log.js";
+
+new ChatMonitor(
+  { kind: "screen", title: "Runtime Chat Interface" },
+  getLogger(true),
+);

examples/ui/chat-monitor/filter/filter.ts

@@ -0,0 +1,122 @@
+import blessed from "neo-blessed";
+import { ChatFilter } from "../../../../src/ui/chat-monitor/filter/filter.js";
+import { ControlsManager } from "../../../../src/ui/controls/controls-manager.js";
+import {
+  NavigationDescription,
+  NavigationDirection,
+} from "../../../../src/ui/controls/navigation.js";
+import { agentId } from "../../../../src/ui/config.js";
+import { stringToAgent } from "../../../../src/agents/agent-id.js";
+import { keyActionListenerFactory } from "../../../../src/ui/controls/key-bindings.js";
+import { getLogger } from "../../helpers/log.js";
+
+const logger = getLogger(true);
+const screen = blessed.screen({ title: "Chat filter" });
+const controlsManager = new ControlsManager(screen, logger);
+controlsManager.updateKeyActions(controlsManager.screen.id, {
+  kind: "exclusive",
+  actions: [
+    {
+      key: "C-c",
+      action: {
+        description: NavigationDescription.EXIT_APP,
+        listener: keyActionListenerFactory(() => {
+          process.exit(0);
+        }),
+      },
+    },
+    {
+      key: "enter",
+      action: {
+        description: NavigationDescription.IN_OUT,
+        listener: keyActionListenerFactory(() => {
+          controlsManager.navigate(NavigationDirection.IN);
+        }),
+      },
+    },
+    {
+      key: "escape",
+      action: {
+        description: NavigationDescription.IN_OUT,
+        listener: keyActionListenerFactory(() => {
+          controlsManager.navigate(NavigationDirection.OUT);
+        }),
+      },
+    },
+    {
+      key: "left",
+      action: {
+        description: NavigationDescription.LEFT_RIGHT,
+        listener: keyActionListenerFactory(() => {
+          controlsManager.navigate(NavigationDirection.LEFT);
+        }),
+      },
+    },
+    {
+      key: "right",
+      action: {
+        description: NavigationDescription.LEFT_RIGHT,
+        listener: keyActionListenerFactory(() => {
+          controlsManager.navigate(NavigationDirection.RIGHT);
+        }),
+      },
+    },
+    {
+      key: "up",
+      action: {
+        description: NavigationDescription.UP_DOWN,
+        listener: keyActionListenerFactory(() => {
+          controlsManager.navigate(NavigationDirection.UP);
+        }),
+      },
+    },
+    {
+      key: "down",
+      action: {
+        description: NavigationDescription.UP_DOWN,
+        listener: keyActionListenerFactory(() => {
+          controlsManager.navigate(NavigationDirection.DOWN);
+        }),
+      },
+    },
+    {
+      key: "tab",
+      action: {
+        description: NavigationDescription.NEXT_PREV,
+        listener: keyActionListenerFactory(() => {
+          controlsManager.navigate(NavigationDirection.NEXT);
+        }),
+      },
+    },
+    {
+      key: "S-tab",
+      action: {
+        description: NavigationDescription.NEXT_PREV,
+        listener: keyActionListenerFactory(() => {
+          controlsManager.navigate(NavigationDirection.PREVIOUS);
+        }),
+      },
+    },
+  ],
+});
+
+const filter = new ChatFilter(
+  {
+    kind: "parent",
+    parent: controlsManager.screen,
+    controlsManager,
+  },
+  logger,
+);
+controlsManager.focus(filter.container.id);
+
+filter.addRole(agentId(stringToAgent(`supervisor:boss[1]:1`)));
+filter.addRole(agentId(stringToAgent(`operator:historical_sites_search[1]:1`)));
+filter.addRole(agentId(stringToAgent(`operator:historical_sites_search[1]:2`)));
+filter.addRole(agentId(stringToAgent(`operator:sports_events_search[1]:1`)));
+filter.addRole(
+  agentId(stringToAgent(`operator:restaurant_recommendations[1]:1`)),
+);
+filter.addRole(
+  agentId(stringToAgent(`operator:restaurant_recommendations[1]:2`)),
+);

examples/ui/chat-monitor/filter/message-type-filter.ts

@@ -0,0 +1,109 @@
+import blessed from "neo-blessed";
+import { MessageTypeFilter } from "../../../../src/ui/chat-monitor/filter/message-type-filter.js";
+import { ControlsManager } from "../../../../src/ui/controls/controls-manager.js";
+import {
+  NavigationDescription,
+  NavigationDirection,
+} from "../../../../src/ui/controls/navigation.js";
+import { getLogger } from "../../helpers/log.js";
+import { keyActionListenerFactory } from "../../../../src/ui/controls/key-bindings.js";
+
+const logger = getLogger(true);
+const screen = blessed.screen({ title: "Message type filter" });
+const controlsManager = new ControlsManager(screen, logger);
+controlsManager.updateKeyActions(controlsManager.screen.id, {
+  kind: "exclusive",
+  actions: [
+    {
+      key: "C-c",
+      action: {
+        description: NavigationDescription.EXIT_APP,
+        listener: keyActionListenerFactory(() => {
+          process.exit(0);
+        }),
+      },
+    },
+    {
+      key: "enter",
+      action: {
+        description: NavigationDescription.IN_OUT,
+        listener: keyActionListenerFactory(() => {
+          controlsManager.navigate(NavigationDirection.IN);
+        }),
+      },
+    },
+    {
+      key: "escape",
+      action: {
+        description: NavigationDescription.IN_OUT,
+        listener: keyActionListenerFactory(() => {
+          controlsManager.navigate(NavigationDirection.OUT);
+        }),
+      },
+    },
+    {
+      key: "left",
+      action: {
+        description: NavigationDescription.LEFT_RIGHT,
+        listener: keyActionListenerFactory(() => {
+          controlsManager.navigate(NavigationDirection.LEFT);
+        }),
+      },
+    },
+    {
+      key: "right",
+      action: {
+        description: NavigationDescription.LEFT_RIGHT,
+        listener: keyActionListenerFactory(() => {
+          controlsManager.navigate(NavigationDirection.RIGHT);
+        }),
+      },
+    },
+    {
+      key: "up",
+      action: {
+        description: NavigationDescription.UP_DOWN,
+        listener: keyActionListenerFactory(() => {
+          controlsManager.navigate(NavigationDirection.UP);
+        }),
+      },
+    },
+    {
+      key: "down",
+      action: {
+        description: NavigationDescription.UP_DOWN,
+        listener: keyActionListenerFactory(() => {
+          controlsManager.navigate(NavigationDirection.DOWN);
+        }),
+      },
+    },
+    {
+      key: "tab",
+      action: {
+        description: NavigationDescription.NEXT_PREV,
+        listener: keyActionListenerFactory(() => {
+          controlsManager.navigate(NavigationDirection.NEXT);
+        }),
+      },
+    },
+    {
+      key: "S-tab",
+      action: {
+        description: NavigationDescription.NEXT_PREV,
+        listener: keyActionListenerFactory(() => {
+          controlsManager.navigate(NavigationDirection.PREVIOUS);
+        }),
+      },
+    },
+  ],
+});
+
+const filter = new MessageTypeFilter(
+  {
+    kind: "parent",
+    parent: controlsManager.screen,
+    controlsManager,
+  },
+  logger,
+);
+controlsManager.focus(filter.container.id);

examples/ui/chat-monitor/filter/role-filter.ts

@@ -0,0 +1,121 @@
+import blessed from "neo-blessed";
+import { ControlsManager } from "../../../../src/ui/controls/controls-manager.js";
+import {
+  NavigationDescription,
+  NavigationDirection,
+} from "../../../../src/ui/controls/navigation.js";
+import { agentId } from "../../../../src/ui/config.js";
+import { stringToAgent } from "../../../../src/agents/agent-id.js";
+import { RoleFilter } from "../../../../src/ui/chat-monitor/filter/role-filter.js";
+import { getLogger } from "../../helpers/log.js";
+import { keyActionListenerFactory } from "../../../../src/ui/controls/key-bindings.js";
+
+const logger = getLogger(true);
+const screen = blessed.screen({ title: "Role filter" });
+const controlsManager = new ControlsManager(screen, logger);
+controlsManager.updateKeyActions(controlsManager.screen.id, {
+  kind: "exclusive",
+  actions: [
+    {
+      key: "C-c",
+      action: {
+        description: NavigationDescription.EXIT_APP,
+        listener: keyActionListenerFactory(() => {
+          process.exit(0);
+        }),
+      },
+    },
+    {
+      key: "enter",
+      action: {
+        description: NavigationDescription.IN_OUT,
+        listener: keyActionListenerFactory(() => {
+          controlsManager.navigate(NavigationDirection.IN);
+        }),
+      },
+    },
+    {
+      key: "escape",
+      action: {
+        description: NavigationDescription.IN_OUT,
+        listener: keyActionListenerFactory(() => {
+          controlsManager.navigate(NavigationDirection.OUT);
+        }),
+      },
+    },
+    {
+      key: "left",
+      action: {
+        description: NavigationDescription.LEFT_RIGHT,
+        listener: keyActionListenerFactory(() => {
+          controlsManager.navigate(NavigationDirection.LEFT);
+        }),
+      },
+    },
+    {
+      key: "right",
+      action: {
+        description: NavigationDescription.LEFT_RIGHT,
+        listener: keyActionListenerFactory(() => {
+          controlsManager.navigate(NavigationDirection.RIGHT);
+        }),
+      },
+    },
+    {
+      key: "up",
+      action: {
+        description: NavigationDescription.UP_DOWN,
+        listener: keyActionListenerFactory(() => {
+          controlsManager.navigate(NavigationDirection.UP);
+        }),
+      },
+    },
+    {
+      key: "down",
+      action: {
+        description: NavigationDescription.UP_DOWN,
+        listener: keyActionListenerFactory(() => {
+          controlsManager.navigate(NavigationDirection.DOWN);
+        }),
+      },
+    },
+    {
+      key: "tab",
+      action: {
+        description: NavigationDescription.NEXT_PREV,
+        listener: keyActionListenerFactory(() => {
+          controlsManager.navigate(NavigationDirection.NEXT);
+        }),
+      },
+    },
+    {
+      key: "S-tab",
+      action: {
+        description: NavigationDescription.NEXT_PREV,
+        listener: keyActionListenerFactory(() => {
+          controlsManager.navigate(NavigationDirection.PREVIOUS);
+        }),
+      },
+    },
+  ],
+});
+const filter = new RoleFilter(
+  {
+    kind: "parent",
+    parent: controlsManager.screen,
+    controlsManager,
+  },
+  logger,
+);
+controlsManager.focus(filter.container.id);
+
+filter.addRole(agentId(stringToAgent(`supervisor:boss[1]:1`)));
+filter.addRole(agentId(stringToAgent(`operator:historical_sites_search[1]:1`)));
+filter.addRole(agentId(stringToAgent(`operator:historical_sites_search[1]:2`)));
+filter.addRole(agentId(stringToAgent(`operator:sports_events_search[1]:1`)));
+filter.addRole(
+  agentId(stringToAgent(`operator:restaurant_recommendations[1]:1`)),
+);
+filter.addRole(
+  agentId(stringToAgent(`operator:restaurant_recommendations[1]:2`)),
+);