BusDK

Bus UI Assistant

AssistantShell wraps business and assistant panes.

Use it for a split workbench that keeps product content and assistant content in the same shell while giving each side its own typed slot tree.

Public API

AssistantShell(p AssistantShellProps) gx.Node

When to use it

Use AssistantShell when the product page needs a stable split between the business workflow and the AI assistant area. It is the outer layout primitive, not the transcript or composer itself.

Key props

BusinessNodes, AssistantNodes, HeaderNodes, Business, Assistant, Collapsed, OnToggle, and the slot attribute maps.

Example

Loading AssistantShell demo...

Go API

import (
  gx "github.com/busdk/bus-gx/pkg/gx"
  assistantui "github.com/busdk/bus-ui/pkg/assistantui"
)

node := assistantui.AssistantShell(assistantui.AssistantShellProps{
  Business:  "<main>Work area</main>",
  Assistant: "<aside>AI assistant</aside>",
})

html, err := gx.RenderHTML(node)

.gx source

In .gx source, author the visible component state as GX markup. Keep the Go API block above for the package helper or render-boundary call. 

package busuiexamples

import gx "github.com/busdk/bus-gx/pkg/gx"

func AssistantShellExample() gx.Node {
  return <AssistantShell collapsed="false">
    <main>Work area</main>
    <aside>AI assistant</aside>
  </AssistantShell>
}

Related

Return to Assistant or the Bus UI reference.