murashit_codex-panel/src/features/chat/panel/shell-render.ts

import type { ComponentChild as UiNode } from "preact";

import type { ChatStateStore } from "../state/reducer";
import { renderChatPanelShell } from "../ui/shell";

export interface ChatShellRenderPort {
  render(root: HTMLElement): void;
}

export function createChatShellRenderPort(
  stateStore: ChatStateStore,
  options: {
    showToolbar: () => boolean;
    toolbarNode: () => UiNode;
    goalNode: () => UiNode;
    messageStreamNode: () => UiNode;
    composerNode: () => UiNode;
  },
): ChatShellRenderPort {
  return {
    render(root) {
      renderChatPanelShell(root, {
        stateStore,
        showToolbar: options.showToolbar(),
        toolbarNode: options.toolbarNode,
        goalNode: options.goalNode,
        messageStreamNode: options.messageStreamNode,
        composerNode: options.composerNode,
      });
    },
  };
}