@seed-ship/mcp-ui-solid 6.3.0 → 6.4.0

package/src/components/PortalDropdownMenu.test.tsx

@@ -0,0 +1,113 @@
+/**
+ * v6.4.0 — Portal-mounted dropdown for table + graph Export menus.
+ *
+ * Coverage targets :
+ *   1. Menu mounts via <Portal> on document.body (not in trigger's parent)
+ *   2. Menu position is computed from the trigger's getBoundingClientRect
+ *   3. Click outside the menu closes it
+ *   4. Escape key closes it
+ *   5. Click on the trigger itself does not close (parent owns toggle)
+ */
+
+import { describe, it, expect, beforeEach, vi } from 'vitest'
+import { render, fireEvent, cleanup } from '@solidjs/testing-library'
+import { createSignal } from 'solid-js'
+import { PortalDropdownMenu } from './PortalDropdownMenu'
+
+describe('PortalDropdownMenu (v6.4.0)', () => {
+  beforeEach(() => {
+    cleanup()
+  })
+
+  function harness(initiallyOpen = true) {
+    const [open, setOpen] = createSignal(initiallyOpen)
+    let triggerRef: HTMLButtonElement | undefined
+    const result = render(() => (
+      <div id="harness-root">
+        <button ref={triggerRef} onClick={() => setOpen((v) => !v)}>
+          Open
+        </button>
+        <PortalDropdownMenu
+          open={open()}
+          onClose={() => setOpen(false)}
+          trigger={triggerRef}
+          width={144}
+        >
+          <button data-testid="menu-item">Item 1</button>
+        </PortalDropdownMenu>
+      </div>
+    ))
+    return { ...result, getOpen: open, setOpen, getTrigger: () => triggerRef }
+  }
+
+  it('mounts the menu on document.body, NOT inside the trigger parent', () => {
+    const { container } = harness(true)
+    // Menu should NOT be inside the harness root (it's portaled to body)
+    const harnessRoot = container.querySelector('#harness-root')
+    expect(harnessRoot).toBeTruthy()
+    expect(harnessRoot!.querySelector('[data-testid="menu-item"]')).toBeNull()
+    // But it IS in document.body
+    const menuItem = document.body.querySelector('[data-testid="menu-item"]')
+    expect(menuItem).toBeTruthy()
+  })
+
+  it('does not render the menu when open=false', () => {
+    harness(false)
+    expect(document.body.querySelector('[data-testid="menu-item"]')).toBeNull()
+  })
+
+  it('positions the menu using the trigger getBoundingClientRect (right-aligned, 4px below)', () => {
+    // Stub the trigger rect so we get deterministic coords in jsdom
+    const fakeRect = {
+      top: 100, bottom: 130, left: 200, right: 350,
+      width: 150, height: 30, x: 200, y: 100, toJSON: () => ({}),
+    } as DOMRect
+    // Patch getBoundingClientRect on HTMLElement.prototype just for this test
+    const orig = HTMLElement.prototype.getBoundingClientRect
+    HTMLElement.prototype.getBoundingClientRect = vi.fn(() => fakeRect)
+    try {
+      harness(true)
+      const menu = document.body.querySelector('[role="menu"]') as HTMLElement
+      expect(menu).toBeTruthy()
+      // Position: top = bottom + 4 = 134, left = right - width = 350 - 144 = 206
+      expect(menu.style.top).toBe('134px')
+      expect(menu.style.left).toBe('206px')
+      expect(menu.style.position).toBe('fixed')
+    } finally {
+      HTMLElement.prototype.getBoundingClientRect = orig
+    }
+  })
+
+  it('closes on outside click (mousedown on document.body outside menu)', () => {
+    const { getOpen } = harness(true)
+    expect(getOpen()).toBe(true)
+    // Click on a brand-new element appended to body, outside the menu
+    const stranger = document.createElement('div')
+    document.body.appendChild(stranger)
+    fireEvent.mouseDown(stranger)
+    expect(getOpen()).toBe(false)
+    document.body.removeChild(stranger)
+  })
+
+  it('closes on Escape', () => {
+    const { getOpen } = harness(true)
+    expect(getOpen()).toBe(true)
+    fireEvent.keyDown(document, { key: 'Escape' })
+    expect(getOpen()).toBe(false)
+  })
+
+  it('does not close when mousedown lands on the trigger (parent owns toggle)', () => {
+    const { getOpen, getTrigger } = harness(true)
+    expect(getOpen()).toBe(true)
+    fireEvent.mouseDown(getTrigger()!)
+    // Menu should still be open — trigger toggle is parent's responsibility
+    expect(getOpen()).toBe(true)
+  })
+
+  it('does not close when mousedown lands inside the menu', () => {
+    const { getOpen } = harness(true)
+    const item = document.body.querySelector('[data-testid="menu-item"]') as HTMLElement
+    fireEvent.mouseDown(item)
+    expect(getOpen()).toBe(true)
+  })
+})

package/src/components/PortalDropdownMenu.tsx

@@ -0,0 +1,130 @@
+/**
+ * PortalDropdownMenu (v6.4.0) — generic dropdown that mounts via
+ * `<Portal>` on `document.body` instead of an in-tree `position: absolute`
+ * sibling. Eliminates two pain points around the legacy in-tree pattern :
+ *
+ *   1. **`overflow: hidden` clipping** — when the trigger lives inside a
+ *      chat bubble or a card with `overflow: hidden`, an absolutely
+ *      positioned menu sibling gets clipped at the ancestor's boundary.
+ *      Mounting on `document.body` escapes the clip stack entirely.
+ *   2. **`z-index` wars** — chat surfaces stack composer / message rails
+ *      above the message list, and ancestor `z-index` creates a new
+ *      stacking context that captures the in-tree menu. A portal is a
+ *      sibling of the document, so a single `z-index: 9999` wins.
+ *
+ * The menu is positioned with `position: fixed` from the trigger's
+ * `getBoundingClientRect()`. We re-measure on `scroll` (capture phase, so
+ * nested scrollables also fire) and `resize` to keep the menu pinned
+ * while the user interacts with surrounding chrome.
+ *
+ * Close affordances : click outside, Escape, programmatic via `onClose`.
+ */
+
+import { Component, JSX, Show, createSignal, createEffect, onCleanup } from 'solid-js'
+import { Portal } from 'solid-js/web'
+
+export interface PortalDropdownMenuProps {
+  /**
+   * Whether the menu is currently open. Controlled by the parent.
+   */
+  open: boolean
+
+  /**
+   * Called when the menu wants to close (outside click / Escape / item
+   * click — it's the parent's job to actually flip `open` to false).
+   */
+  onClose: () => void
+
+  /**
+   * Trigger element used as the positioning anchor. The menu's right
+   * edge is aligned to the trigger's right edge, top to its bottom + 4px.
+   */
+  trigger: HTMLElement | undefined
+
+  /**
+   * Menu width in pixels. Used to compute the left coordinate so the menu's
+   * right edge aligns with the trigger's right edge. Default : `144` (the
+   * legacy table menu width — `w-36`).
+   */
+  width?: number
+
+  /**
+   * Menu content. Wrapped in the rounded / shadowed container — keep
+   * children minimal (just the items).
+   */
+  children: JSX.Element
+
+  /**
+   * Optional additional class names for the menu container, appended after
+   * the default Tailwind classes. Useful to override width or padding.
+   */
+  class?: string
+}
+
+export const PortalDropdownMenu: Component<PortalDropdownMenuProps> = (props) => {
+  const [position, setPosition] = createSignal({ top: 0, left: 0 })
+  let menuRef: HTMLDivElement | undefined
+
+  const updatePosition = () => {
+    const t = props.trigger
+    if (!t) return
+    const rect = t.getBoundingClientRect()
+    const w = props.width ?? 144
+    setPosition({
+      top: rect.bottom + 4,
+      left: rect.right - w,
+    })
+  }
+
+  // Measure once when the menu opens, then react to viewport changes.
+  createEffect(() => {
+    if (!props.open) return
+    updatePosition()
+
+    const onDown = (e: MouseEvent) => {
+      const target = e.target as Node
+      if (menuRef?.contains(target) || props.trigger?.contains(target)) return
+      props.onClose()
+    }
+    const onKey = (e: KeyboardEvent) => {
+      if (e.key === 'Escape') props.onClose()
+    }
+    const onScrollOrResize = () => updatePosition()
+
+    document.addEventListener('mousedown', onDown)
+    document.addEventListener('keydown', onKey)
+    // Capture phase so scrolls inside nested containers (e.g. chat virtual
+    // list) also re-position the menu. `passive: true` because we never
+    // preventDefault here.
+    window.addEventListener('scroll', onScrollOrResize, { capture: true, passive: true })
+    window.addEventListener('resize', onScrollOrResize)
+
+    onCleanup(() => {
+      document.removeEventListener('mousedown', onDown)
+      document.removeEventListener('keydown', onKey)
+      window.removeEventListener('scroll', onScrollOrResize, { capture: true })
+      window.removeEventListener('resize', onScrollOrResize)
+    })
+  })
+
+  return (
+    <Show when={props.open}>
+      <Portal>
+        <div
+          ref={menuRef}
+          role="menu"
+          style={{
+            position: 'fixed',
+            top: `${position().top}px`,
+            left: `${position().left}px`,
+            'z-index': 9999,
+            width: `${props.width ?? 144}px`,
+          }}
+          class={`bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded-lg shadow-lg py-1 text-sm ${props.class ?? ''}`}
+        >
+          {props.children}
+        </div>
+      </Portal>
+    </Show>
+  )
+}

package/src/components/UIResourceRenderer.fluidity.test.tsx

@@ -99,3 +99,54 @@ describe('Chart (iframe path) — exportable default (v6.1.0)', () => {
     ).not.toThrow()
   })
 })
+
+describe('UIResourceRenderer.toolbarVariant — forwarding to ExpandableWrapper (v6.3.1)', () => {
+  beforeEach(() => {
+    cleanup()
+  })
+
+  function tableComponent(): UIComponent {
+    return {
+      id: 'tbl',
+      type: 'table',
+      position: { colStart: 1, colSpan: 12 },
+      params: {
+        columns: [
+          { key: 'name', label: 'Name' },
+          { key: 'value', label: 'Value' },
+        ],
+        rows: [{ name: 'a', value: 1 }],
+      } as any,
+    }
+  }
+
+  it('default (toolbarVariant undefined) → expand button uses opacity-0 hover-only classes', () => {
+    const { container } = render(() => <UIResourceRenderer content={tableComponent()} />)
+    const btn = container.querySelector('button[aria-label="Expand to fullscreen"]')
+    expect(btn).toBeTruthy()
+    expect(btn!.className).toContain('opacity-0')
+    expect(btn!.className).toContain('group-hover:opacity-70')
+    expect(btn!.className).not.toContain('opacity-60')
+  })
+
+  it('toolbarVariant="always-visible" → expand button uses opacity-60 (no group-hover gate)', () => {
+    const { container } = render(() => (
+      <UIResourceRenderer content={tableComponent()} toolbarVariant="always-visible" />
+    ))
+    const btn = container.querySelector('button[aria-label="Expand to fullscreen"]')
+    expect(btn).toBeTruthy()
+    expect(btn!.className).toContain('opacity-60')
+    expect(btn!.className).not.toContain('opacity-0')
+    expect(btn!.className).not.toContain('group-hover:opacity-70')
+  })
+
+  it('toolbarVariant="hover" (explicit) → matches default behavior', () => {
+    const { container } = render(() => (
+      <UIResourceRenderer content={tableComponent()} toolbarVariant="hover" />
+    ))
+    const btn = container.querySelector('button[aria-label="Expand to fullscreen"]')
+    expect(btn).toBeTruthy()
+    expect(btn!.className).toContain('opacity-0')
+    expect(btn!.className).toContain('group-hover:opacity-70')
+  })
+})

package/src/components/UIResourceRenderer.tsx

@@ -41,6 +41,7 @@ import { CodeBlockRenderer } from './CodeBlockRenderer'
 import { MapRenderer } from './MapRenderer'
 import { GraphRenderer } from './GraphRenderer'
 import { ExpandableWrapper, useExpanded } from './ExpandableWrapper'
+import { PortalDropdownMenu } from './PortalDropdownMenu'
 import { RenderProvider } from './RenderContext'
 import { useAction } from '../hooks/useAction'
 import { marked } from 'marked'
@@ -121,6 +122,19 @@ export interface UIResourceRendererProps {
    * @see ValidationErrorMode
    */
   errorMode?: ValidationErrorMode
+
+  /**
+   * Visibility behavior of the inline expand button shipped by every
+   * renderer wrapped in `<ExpandableWrapper>` (v6.3.1 — closes axe 4 of
+   * the deposium handoff).
+   *   - `'hover'` (default) : button fades in on hover. Backwards-compatible.
+   *   - `'always-visible'` : button visible at rest. Use this on chat
+   *     surfaces / touch surfaces where the hover affordance is hidden.
+   *
+   * Forwarded to all internal renderers : table, chart (Chart.js path),
+   * graph, map, video, carousel, image-gallery, code.
+   */
+  toolbarVariant?: 'hover' | 'always-visible'
 }
 
 /**
@@ -133,6 +147,7 @@ export interface UIResourceRendererProps {
 function ChartRenderer(props: {
   component: UIComponent
   onError?: (error: RendererError) => void
+  toolbarVariant?: 'hover' | 'always-visible'
 }) {
   const [useNative, setUseNative] = createSignal(false)
   const [iframeUrl, setIframeUrl] = createSignal<string>()
@@ -256,6 +271,7 @@ function ChartRenderer(props: {
     >
       <ChartJSRenderer
         component={props.component}
+        toolbarVariant={props.toolbarVariant}
         onError={(err) => props.onError?.({
           type: 'render',
           message: err.message,
@@ -486,6 +502,7 @@ export function renderCellValue(value: any, citationCtx?: CitationCtx): string {
 function TableRenderer(props: {
   component: UIComponent
   onError?: (error: RendererError) => void
+  toolbarVariant?: 'hover' | 'always-visible'
 }) {
   const tableParams = props.component.params as any
   let scrollContainerRef: HTMLDivElement | undefined
@@ -739,6 +756,8 @@ function TableRenderer(props: {
 
   // Export dropdown state
   const [showExportMenu, setShowExportMenu] = createSignal(false)
+  // v6.4.0 — trigger ref consumed by <PortalDropdownMenu> for positioning
+  let exportTriggerRef: HTMLButtonElement | undefined
 
   const handleExport = (format: string) => {
     setShowExportMenu(false)
@@ -818,35 +837,41 @@ function TableRenderer(props: {
   }
 
   return (
-    <ExpandableWrapper title={tableParams.title || 'Table'} copyData={getTableCSV()} copyLabel="Copy table (CSV)">
+    <ExpandableWrapper title={tableParams.title || 'Table'} copyData={getTableCSV()} copyLabel="Copy table (CSV)" toolbarVariant={props.toolbarVariant}>
       <div class={`relative w-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden group ${
         isExpanded() ? 'flex-1 min-h-0 flex flex-col' : 'h-full'
       }`}>
         <Show when={exportable} fallback={<CopyButton getText={getTableCSV} title="Copy table (CSV)" position="top-right" />}>
           <div class="absolute right-10 top-2 z-10">
             <button
+              ref={exportTriggerRef}
               onClick={() => setShowExportMenu(!showExportMenu())}
               class="opacity-60 hover:opacity-100 px-2 py-1 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 transition-all shadow-sm"
               title="Export table"
               aria-label="Export table"
+              aria-haspopup="menu"
+              aria-expanded={showExportMenu()}
             >
               <svg class="w-3 h-3 text-gray-500 dark:text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
               </svg>
             </button>
-            <Show when={showExportMenu()}>
-              <div class="absolute right-0 mt-1 w-36 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded-lg shadow-lg py-1 text-sm">
-                <Show when={(exportFormats as string[]).includes('tsv')}>
-                  <button onClick={() => handleExport('tsv')} class="w-full text-left px-3 py-1.5 hover:bg-gray-100 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300">Copy TSV</button>
-                </Show>
-                <Show when={(exportFormats as string[]).includes('csv')}>
-                  <button onClick={() => handleExport('csv')} class="w-full text-left px-3 py-1.5 hover:bg-gray-100 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300">Download CSV</button>
-                </Show>
-                <Show when={(exportFormats as string[]).includes('json')}>
-                  <button onClick={() => handleExport('json')} class="w-full text-left px-3 py-1.5 hover:bg-gray-100 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300">Download JSON</button>
-                </Show>
-              </div>
-            </Show>
+            <PortalDropdownMenu
+              open={showExportMenu()}
+              onClose={() => setShowExportMenu(false)}
+              trigger={exportTriggerRef}
+              width={144}
+            >
+              <Show when={(exportFormats as string[]).includes('tsv')}>
+                <button onClick={() => handleExport('tsv')} class="w-full text-left px-3 py-1.5 hover:bg-gray-100 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300">Copy TSV</button>
+              </Show>
+              <Show when={(exportFormats as string[]).includes('csv')}>
+                <button onClick={() => handleExport('csv')} class="w-full text-left px-3 py-1.5 hover:bg-gray-100 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300">Download CSV</button>
+              </Show>
+              <Show when={(exportFormats as string[]).includes('json')}>
+                <button onClick={() => handleExport('json')} class="w-full text-left px-3 py-1.5 hover:bg-gray-100 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300">Download JSON</button>
+              </Show>
+            </PortalDropdownMenu>
           </div>
         </Show>
         <div class={`p-4 ${isExpanded() ? 'flex-1 min-h-0 flex flex-col' : ''}`}>
@@ -1275,6 +1300,7 @@ function ComponentRenderer(props: {
   component: UIComponent
   onError?: (error: RendererError) => void
   errorMode?: ValidationErrorMode
+  toolbarVariant?: 'hover' | 'always-visible'
 }) {
   // Performance marks — visible in Chrome DevTools "Performance" panel under
   // user timings. Always-on, SSR-safe (see utils/perf.ts).
@@ -1403,10 +1429,10 @@ function ComponentRenderer(props: {
       allowRetry={true}
     >
       <Show when={props.component.type === 'chart'}>
-        <ChartRenderer component={props.component} onError={props.onError} />
+        <ChartRenderer component={props.component} onError={props.onError} toolbarVariant={props.toolbarVariant} />
       </Show>
       <Show when={props.component.type === 'table'}>
-        <TableRenderer component={props.component} onError={props.onError} />
+        <TableRenderer component={props.component} onError={props.onError} toolbarVariant={props.toolbarVariant} />
       </Show>
       <Show when={props.component.type === 'metric'}>
         <MetricRenderer component={props.component} />
@@ -1430,7 +1456,7 @@ function ComponentRenderer(props: {
         <GridRenderer component={props.component} onError={props.onError} />
       </Show>
       <Show when={props.component.type === 'carousel'}>
-        <CarouselRenderer items={(props.component.params as any)?.items || []} height={(props.component.params as any)?.height} />
+        <CarouselRenderer items={(props.component.params as any)?.items || []} height={(props.component.params as any)?.height} toolbarVariant={props.toolbarVariant} />
       </Show>
       <Show when={props.component.type === 'artifact'}>
         <ArtifactRenderer params={props.component.params as any} />
@@ -1445,19 +1471,19 @@ function ComponentRenderer(props: {
         <ActionGroupRenderer component={props.component} />
       </Show>
       <Show when={props.component.type === 'image-gallery'}>
-        <ImageGalleryRenderer component={props.component} />
+        <ImageGalleryRenderer component={props.component} toolbarVariant={props.toolbarVariant} />
       </Show>
       <Show when={props.component.type === 'video'}>
-        <VideoRenderer component={props.component} />
+        <VideoRenderer component={props.component} toolbarVariant={props.toolbarVariant} />
       </Show>
       <Show when={props.component.type === 'code'}>
-        <CodeBlockRenderer component={props.component} />
+        <CodeBlockRenderer component={props.component} toolbarVariant={props.toolbarVariant} />
       </Show>
       <Show when={props.component.type === 'map'}>
-        <MapRenderer component={props.component} />
+        <MapRenderer component={props.component} toolbarVariant={props.toolbarVariant} />
       </Show>
       <Show when={props.component.type === 'graph'}>
-        <GraphRenderer component={props.component} />
+        <GraphRenderer component={props.component} toolbarVariant={props.toolbarVariant} />
       </Show>
     </GenerativeUIErrorBoundary>
   )
@@ -1742,7 +1768,7 @@ export const UIResourceRenderer: Component<UIResourceRendererProps> = (props) =>
 
   // Wrapper function for RenderContext (breaks circular dependency)
   const renderComponent = (component: UIComponent, onError?: (error: RendererError) => void) => (
-    <ComponentRenderer component={component} onError={onError} errorMode={props.errorMode} />
+    <ComponentRenderer component={component} onError={onError} errorMode={props.errorMode} toolbarVariant={props.toolbarVariant} />
   )
 
   return (
@@ -1752,7 +1778,7 @@ export const UIResourceRenderer: Component<UIResourceRendererProps> = (props) =>
           <For each={layoutData.components}>
             {(component) => (
               <div style={getGridStyleString(component)}>
-                <ComponentRenderer component={component} onError={props.onError} errorMode={props.errorMode} />
+                <ComponentRenderer component={component} onError={props.onError} errorMode={props.errorMode} toolbarVariant={props.toolbarVariant} />
               </div>
             )}
           </For>

package/src/components/VideoRenderer.tsx

@@ -24,6 +24,12 @@ export interface VideoRendererProps {
    * Error callback
    */
   onError?: (error: Error) => void
+
+  /**
+   * Forwarded to the underlying `<ExpandableWrapper>` (v6.3.1).
+   * @see ExpandableWrapperProps.toolbarVariant
+   */
+  toolbarVariant?: 'hover' | 'always-visible'
 }
 
 /**
@@ -132,6 +138,7 @@ export const VideoRenderer: Component<VideoRendererProps> = (props) => {
       title={params()?.title || 'Video'}
       copyData={params()?.url || ''}
       copyLabel="Copy video URL"
+      toolbarVariant={props.toolbarVariant}
     >
     <div class={`w-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden ${
       isExpanded() ? 'flex-1 min-h-0 flex flex-col' : ''

package/src/components/index.ts

@@ -92,5 +92,9 @@ export type { RenderContextValue, RenderComponentFn } from './RenderContext'
 export { ElicitationForm } from './ElicitationForm'
 export type { ElicitationFormProps } from './ElicitationForm'
 
+// v6.4.0 — Portal-mounted dropdown (used by table + graph Export menus)
+export { PortalDropdownMenu } from './PortalDropdownMenu'
+export type { PortalDropdownMenuProps } from './PortalDropdownMenu'
+
 // Default exports for lazy loading compatibility
 export { UIResourceRenderer as default } from './UIResourceRenderer'

package/src/index.ts

@@ -44,6 +44,7 @@ export type { FeedbackInlineProps, FeedbackInlineContext } from './components/Fe
 export { ChatBusProvider, useChatBus } from './hooks/useChatBus'
 export { ChatPrompt } from './components/ChatPrompt'
 export { ElicitationForm } from './components/ElicitationForm'
+export { PortalDropdownMenu } from './components/PortalDropdownMenu'
 export { ScratchpadPanel } from './components/ScratchpadPanel'
 export {
   dispatchScratchpad,
@@ -126,6 +127,7 @@ export type { ExpandableWrapperProps } from './components/ExpandableWrapper'
 export type { ComponentToolbarProps, ToolbarAction, ToolbarIcon } from './components/ComponentToolbar'
 export type { ChatPromptProps } from './components/ChatPrompt'
 export type { ElicitationFormProps } from './components/ElicitationForm'
+export type { PortalDropdownMenuProps } from './components/PortalDropdownMenu'
 export type { ScratchpadPanelProps } from './components/ScratchpadPanel'
 export type { VerifiedTextProps } from './components/VerifiedText'
 export type { DataPreviewSectionProps } from './components/DataPreviewSection'