Components

Director's src/index.ts (lines 40-64) registers 21 custom elements. This page is the canonical list.

Page-level elements

director-app

• Class: DirectorApp (src/DirectorApp.ts).
• Role: page actor. Sole data fetcher.
• Accepts (excerpt): app.refresh, app.select-actor, director.navigate, director.select-actor, director.history-back, director.history-forward, director.set-explorer-tab, director.open-package-root, director.open-workstream, director.filter-workstreams, director.open-ops, director.search, director.refresh-surface, director.filter-feed. Full list at DirectorApp.ts:79-106.
• Subscribes: system.runtimes/$events filtered to runtimes.added/removed/inventory.changed.
• Emits: app.actor-selected.

Surface shells

director-explorer-shell

• Class: DirectorExplorerShell.
• Role: two-pane Explorer layout (<mx-split> of tree + detail).
• Accepts: explorer.set-root, set-tree-status, set-tree-data, set-runtime-inventory, set-selected, set-children, show-actor, memory-results, session-response, session-list, session-history, set-runtime-root, set-tab.
• Emits: director:explorer-refresh-requested, *-actor-selected, *-actor-expand-requested, *-memory-search-requested, *-session-chat-requested, *-session-list-requested, *-session-load-requested, *-open-package-root-requested, *-open-canonical-actor-requested, *-open-workstream-requested, *-open-ops-requested, *-tab-changed, *-summary-changed.

director-workstreams-shell

• Class: DirectorWorkstreamsShell.
• Role: workstream-actor projection.
• Accepts: workstreams-shell.set-status, set-workstreams, set-filter.
• Emits: director:workstreams-refresh-requested, *-filter-requested, *-summary-changed (with total, shown, healthy, degraded, unhealthy), *-selection-requested, *-open-actor-requested, *-open-ops-requested.

director-ops-feed

• Class: DirectorOpsFeed.
• Role: tracing/logging records list and detail pane.
• Accepts: ops-feed.set-status, set-context, set-filter, set-records, set-detail.
• Emits: director:ops-refresh-requested, *-summary-changed, *-record-selected, *-open-actor-requested, *-open-canonical-actor-requested, *-open-package-root-requested, *-open-workstream-requested.

director-search-shell

• Class: DirectorSearchShell.
• Role: cross-cutting search.
• Accepts: search-shell.set-status, set-query, set-results.
• Emits: director:search-run-requested, *-summary-changed, *-open-actor-requested, *-open-package-root-requested, *-open-workstream-requested, *-open-ops-requested.

Tree and detail

director-tree

• Class: DirectorTree (components/DirectorTree.ts).
• Accepts: tree.set-data, set-selected, set-status, set-children, set-runtime-inventory, set-root.
• Emits: director:node-selected, *-node-expand, *-refresh.

director-detail

• Class: DirectorDetail.
• Role: tab manifold.
• Accepts: detail.show-actor, set-tab, memory-results, session-response, session-list, session-history, set-runtime-root.
• Emits: director:detail-actor-selected-requested, *-memory-search-requested, *-session-chat-requested, *-session-list-requested, *-session-load-requested, *-open-package-root-requested, *-open-canonical-actor-requested, *-open-workstream-requested, *-open-ops-requested, *-tab-changed.

Detail tabs

Tag	Class	Source
director-tab-overview	TabOverview	components/tabs/TabOverview.ts
director-tab-interface	TabInterface	components/tabs/TabInterface.ts
director-tab-state	TabState	components/tabs/TabState.ts
director-tab-cognitive	TabCognitive	components/tabs/TabCognitive.ts
director-tab-memory	TabMemory	components/tabs/TabMemory.ts
director-tab-children	TabChildren	components/tabs/TabChildren.ts
director-tab-sessions	TabSessions	components/tabs/TabSessions.ts

TabSessions composes:

Tag	Class
director-session-list	DirectorSessionList
director-session-chat	DirectorSessionChat
director-session-messages	DirectorSessionMessages
director-session-input	DirectorSessionInput

Chat surface host

director-chat-surface-host

• Class: DirectorChatSurfaceHost (components/DirectorChatSurfaceHost.ts).
• Accepts: surface.set-target { mount }.
• Emits: nothing — it forwards into the loaded <conversation-surface> via DOM events.
• Lifecycle: idle → loading → ready | unavailable.

Command bar

director-command-bar

• Class: DirectorCommandBar.
• Accepts: command-bar.set-context, set-status, focus, run-command.
• Emits: director:command-bar-command-executed, plus the long list of *-requested events that mirror the director.* ops DirectorApp accepts.

Re-exported core element

mx-split

• Class: MxSplit from @open-matrix/core/framework/components/MxSplit.
• Re-registered via customElements.define in src/index.ts:60.

See also

• UI — what each component looks like in use.
• Actor ops consumed — outbound calls.

Source: projects/matrix-3/packages/director/src/index.ts:40-64 (registration), individual component files in src/components/.