@mastra/playground-ui 64.0.0-alpha.8 → 64.0.0

package/dist/{traces-data-list-B0-fbEpk.cjs → traces-data-list-BH24OVKh.cjs}

@@ -1,9 +1,7 @@
 'use strict';
 
 const jsxRuntime = require('react/jsx-runtime');
-const dataListTop = require('./data-list-top-ByT2Mo77.cjs');
-const dataListSpacer = require('./data-list-spacer-tQaBaum4.cjs');
-const dataList = require('./data-list-DUfXIhyC.cjs');
+const dataList = require('./data-list-ecHsw-zr.cjs');
 const lucideReact = require('lucide-react');
 const Badge = require('./Badge-63UxysBA.cjs');
 const tooltip = require('./tooltip-BppwIf6Y.cjs');
@@ -22,7 +20,7 @@ function TracesDataListNameCell({ name, parentSpanId, showLevelTooltip }) {
   const Icon = isRoot ? lucideReact.ListTreeIcon : lucideReact.CornerDownRightIcon;
   const label = isRoot ? "Trace" : "Subtrace";
   const icon = /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-label": label, className: "inline-flex shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: utils_cn.cn("size-4 shrink-0", isRoot ? "text-muted-foreground" : "text-placeholder"), "aria-hidden": true }) });
-  return /* @__PURE__ */ jsxRuntime.jsxs(dataListTop.DataListCell, { className: "flex min-w-0 items-center gap-2 text-body-sm text-muted-foreground", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(dataList.DataListCell, { className: "flex min-w-0 items-center gap-2 text-body-sm text-muted-foreground", children: [
     showLevelTooltip ? /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: icon }),
       /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipContent, { children: label })
@@ -31,7 +29,12 @@ function TracesDataListNameCell({ name, parentSpanId, showLevelTooltip }) {
   ] });
 }
 function TracesDataListInputCell({ input }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListTextCell, { font: "mono", children: input || "-" });
+  return /* @__PURE__ */ jsxRuntime.jsx(dataList.DataListTextCell, { font: "mono", children: input || "-" });
+}
+function TracesDataListOutputCell({ output, error, status }) {
+  const failed = status === "error";
+  const errorColor = failed ? "text-destructive-foreground" : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(dataList.DataListTextCell, { font: "mono", className: errorColor, children: (failed ? error : output) || "-" });
 }
 const ENTITY_TYPE_DISPLAY = {
   agent: { label: "Agent", Icon: icons_AgentIcon.AgentIcon },
@@ -52,7 +55,7 @@ const ENTITY_TYPE_DISPLAY = {
 };
 function TracesDataListTypeCell({ entityType }) {
   const display = entityType ? ENTITY_TYPE_DISPLAY[entityType.toLowerCase()] : void 0;
-  return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListCell, { className: "flex min-w-0 items-center gap-2", children: display ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(dataList.DataListCell, { className: "flex min-w-0 items-center gap-2", children: display ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(display.Icon, { className: "size-3.5 shrink-0 text-placeholder", "aria-hidden": true }),
     /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "body-sm", className: "min-w-0 truncate", children: display.label })
   ] }) : "-" });
@@ -69,30 +72,31 @@ const STATUS_CONFIG = {
 function TracesDataListStatusCell({ status }) {
   const key = (status ?? "unset").toLowerCase();
   const config = STATUS_CONFIG[key] ?? UNSET_STATUS_CONFIG;
-  return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListCell, { children: /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { size: "xs", variant: config.variant, children: config.label }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(dataList.DataListCell, { children: /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { size: "xs", variant: config.variant, children: config.label }) });
 }
 
 function TracesDataListRoot(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListRoot, { ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(dataList.DataListRoot, { ...props });
 }
 const TracesDataList = Object.assign(TracesDataListRoot, {
-  Top: dataListTop.DataListTop,
-  TopCell: dataListTop.DataListTopCell,
-  SortableTopCell: dataListSpacer.DataListSortableTopCell,
-  TopCellWithTooltip: dataListTop.DataListTopCellWithTooltip,
-  RowButton: dataListSpacer.DataListRowButton,
-  NoMatch: dataListSpacer.DataListNoMatch,
+  Top: dataList.DataListTop,
+  TopCell: dataList.DataListTopCell,
+  SortableTopCell: dataList.DataListSortableTopCell,
+  TopCellWithTooltip: dataList.DataListTopCellWithTooltip,
+  RowButton: dataList.DataListRowButton,
+  NoMatch: dataList.DataListNoMatch,
   Subheader: dataList.DataListSubheader,
   SubHeading: dataList.DataListSubHeading,
-  Spacer: dataListSpacer.DataListSpacer,
-  IdCell: dataListTop.DataListIdCell,
-  CreatedCell: dataListTop.DataListCreatedCell,
+  Spacer: dataList.DataListSpacer,
+  IdCell: dataList.DataListIdCell,
+  CreatedCell: dataList.DataListCreatedCell,
   NameCell: TracesDataListNameCell,
   InputCell: TracesDataListInputCell,
+  OutputCell: TracesDataListOutputCell,
   TypeCell: TracesDataListTypeCell,
   StatusCell: TracesDataListStatusCell,
-  NextPageLoading: dataListSpacer.DataListNextPageLoading
+  NextPageLoading: dataList.DataListNextPageLoading
 });
 
 exports.TracesDataList = TracesDataList;
-//# sourceMappingURL=traces-data-list-B0-fbEpk.cjs.map
+//# sourceMappingURL=traces-data-list-BH24OVKh.cjs.map

package/dist/traces-data-list-BH24OVKh.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"traces-data-list-BH24OVKh.cjs","sources":["../src/ds/components/DataList/TracesDataList/traces-data-list-cells.tsx","../src/ds/components/DataList/TracesDataList/traces-data-list.tsx"],"sourcesContent":["import { CornerDownRightIcon, DatabaseIcon, ListTreeIcon, RouteIcon } from 'lucide-react';\nimport type { ComponentType, SVGProps } from 'react';\nimport { DataListCell, DataListTextCell } from '../data-list-cells';\nimport { Badge } from '@/ds/components/Badge';\nimport type { BadgeVariant } from '@/ds/components/Badge';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { AgentIcon } from '@/ds/icons/AgentIcon';\nimport { McpServerIcon } from '@/ds/icons/McpServerIcon';\nimport { MemoryIcon } from '@/ds/icons/MemoryIcon';\nimport { ProcessorIcon } from '@/ds/icons/ProcessorIcon';\nimport { ScorersIcon } from '@/ds/icons/ScorersIcon';\nimport { ToolsIcon } from '@/ds/icons/ToolsIcon';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\nimport { cn } from '@/lib/utils';\n\n// ---------------------------------------------------------------------------\n// NameCell\n// ---------------------------------------------------------------------------\n\nexport interface TracesDataListNameCellProps {\n  name?: string | null;\n  /** `null`/missing → root span (Trace). Set → nested span (Subtrace). Drives the leading level icon. */\n  parentSpanId?: string | null;\n  /** When true, the leading level icon is wrapped in a Trace/Subtrace tooltip. Off by default —\n   *  only meaningful in branches mode, where rows mix root traces and subtraces. */\n  showLevelTooltip?: boolean;\n}\n\nexport function TracesDataListNameCell({ name, parentSpanId, showLevelTooltip }: TracesDataListNameCellProps) {\n  const isRoot = parentSpanId == null;\n  const Icon = isRoot ? ListTreeIcon : CornerDownRightIcon;\n  const label = isRoot ? 'Trace' : 'Subtrace';\n  const icon = (\n    <span aria-label={label} className=\"inline-flex shrink-0\">\n      <Icon className={cn('size-4 shrink-0', isRoot ? 'text-muted-foreground' : 'text-placeholder')} aria-hidden />\n    </span>\n  );\n  return (\n    <DataListCell className=\"flex min-w-0 items-center gap-2 text-body-sm text-muted-foreground\">\n      {showLevelTooltip ? (\n        <Tooltip>\n          <TooltipTrigger asChild>{icon}</TooltipTrigger>\n          <TooltipContent>{label}</TooltipContent>\n        </Tooltip>\n      ) : (\n        icon\n      )}\n      <span className=\"min-w-0 truncate\">{name || '-'}</span>\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// InputCell\n// ---------------------------------------------------------------------------\n\nexport interface TracesDataListInputCellProps {\n  input?: string | null;\n}\n\nexport function TracesDataListInputCell({ input }: TracesDataListInputCellProps) {\n  return <DataListTextCell font=\"mono\">{input || '-'}</DataListTextCell>;\n}\n\n// ---------------------------------------------------------------------------\n// OutputCell\n// ---------------------------------------------------------------------------\n\nexport interface TracesDataListOutputCellProps {\n  output?: string;\n  /** Shown instead of `output`, in the error color, when `status` is `'error'`. */\n  error?: string;\n  status?: string | null;\n}\n\nexport function TracesDataListOutputCell({ output, error, status }: TracesDataListOutputCellProps) {\n  const failed = status === 'error';\n  const errorColor = failed ? 'text-destructive-foreground' : undefined;\n  return (\n    <DataListTextCell font=\"mono\" className={errorColor}>\n      {(failed ? error : output) || '-'}\n    </DataListTextCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// TypeCell\n// ---------------------------------------------------------------------------\n\ntype EntityTypeDisplay = { label: string; Icon: ComponentType<SVGProps<SVGSVGElement>> };\n\n// Keys are lowercase `EntityType` enum values (plus legacy `workflow`).\nconst ENTITY_TYPE_DISPLAY: Record<string, EntityTypeDisplay> = {\n  agent: { label: 'Agent', Icon: AgentIcon },\n  workflow: { label: 'Workflow', Icon: WorkflowIcon },\n  workflow_run: { label: 'Workflow', Icon: WorkflowIcon },\n  workflow_step: { label: 'Step', Icon: WorkflowIcon },\n  tool: { label: 'Tool', Icon: ToolsIcon },\n  scorer: { label: 'Scorer', Icon: ScorersIcon },\n  memory: { label: 'Memory', Icon: MemoryIcon },\n  mcp_server: { label: 'MCP Server', Icon: McpServerIcon },\n  input_processor: { label: 'Processor', Icon: ProcessorIcon },\n  input_step_processor: { label: 'Processor', Icon: ProcessorIcon },\n  output_processor: { label: 'Processor', Icon: ProcessorIcon },\n  output_step_processor: { label: 'Processor', Icon: ProcessorIcon },\n  tool_result_processor: { label: 'Processor', Icon: ProcessorIcon },\n  rag_ingestion: { label: 'RAG', Icon: DatabaseIcon },\n  trajectory: { label: 'Trajectory', Icon: RouteIcon },\n};\n\nexport interface TracesDataListTypeCellProps {\n  entityType?: string | null;\n}\n\nexport function TracesDataListTypeCell({ entityType }: TracesDataListTypeCellProps) {\n  const display = entityType ? ENTITY_TYPE_DISPLAY[entityType.toLowerCase()] : undefined;\n\n  return (\n    <DataListCell className=\"flex min-w-0 items-center gap-2\">\n      {display ? (\n        <>\n          <display.Icon className=\"size-3.5 shrink-0 text-placeholder\" aria-hidden />\n          <Txt as=\"span\" variant=\"body-sm\" className=\"min-w-0 truncate\">\n            {display.label}\n          </Txt>\n        </>\n      ) : (\n        '-'\n      )}\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// StatusCell\n// ---------------------------------------------------------------------------\n\nconst UNSET_STATUS_CONFIG: { label: string; variant: BadgeVariant } = { label: '-', variant: 'neutral' };\n\nconst STATUS_CONFIG: Record<string, { label: string; variant: BadgeVariant }> = {\n  completed: { label: 'OK', variant: 'success' },\n  ok: { label: 'OK', variant: 'success' },\n  success: { label: 'OK', variant: 'success' },\n  error: { label: 'ERR', variant: 'destructive' },\n  running: { label: 'RUN', variant: 'neutral' },\n  unset: UNSET_STATUS_CONFIG,\n};\n\nexport interface TracesDataListStatusCellProps {\n  status?: string | null;\n}\n\nexport function TracesDataListStatusCell({ status }: TracesDataListStatusCellProps) {\n  const key = (status ?? 'unset').toLowerCase();\n  const config = STATUS_CONFIG[key] ?? UNSET_STATUS_CONFIG;\n\n  return (\n    <DataListCell>\n      <Badge size=\"xs\" variant={config.variant}>\n        {config.label}\n      </Badge>\n    </DataListCell>\n  );\n}\n","import type { ComponentProps } from 'react';\nimport { DataListCreatedCell, DataListIdCell } from '../data-list-cells';\nimport { DataListNextPageLoading } from '../data-list-next-page-loading';\nimport { DataListNoMatch } from '../data-list-no-match';\nimport { DataListRoot } from '../data-list-root';\nimport { DataListRowButton } from '../data-list-row-button';\nimport { DataListSortableTopCell } from '../data-list-sortable-top-cell';\nimport { DataListSpacer } from '../data-list-spacer';\nimport { DataListSubheader } from '../data-list-subheader';\nimport { DataListSubHeading } from '../data-list-subheading';\nimport { DataListTop } from '../data-list-top';\nimport { DataListTopCell, DataListTopCellWithTooltip } from '../data-list-top-cell';\nimport {\n  TracesDataListNameCell,\n  TracesDataListInputCell,\n  TracesDataListOutputCell,\n  TracesDataListTypeCell,\n  TracesDataListStatusCell,\n} from './traces-data-list-cells';\n\n// oxlint-disable-next-line react/only-export-components -- compound component root, same pattern as ScoresDataList\n// eslint-disable-next-line react-refresh/only-export-components -- compound component root, same pattern as ScoresDataList\nfunction TracesDataListRoot(props: ComponentProps<typeof DataListRoot>) {\n  return <DataListRoot {...props} />;\n}\n\nexport const TracesDataList = Object.assign(TracesDataListRoot, {\n  Top: DataListTop,\n  TopCell: DataListTopCell,\n  SortableTopCell: DataListSortableTopCell,\n  TopCellWithTooltip: DataListTopCellWithTooltip,\n  RowButton: DataListRowButton,\n  NoMatch: DataListNoMatch,\n  Subheader: DataListSubheader,\n  SubHeading: DataListSubHeading,\n  Spacer: DataListSpacer,\n  IdCell: DataListIdCell,\n  CreatedCell: DataListCreatedCell,\n  NameCell: TracesDataListNameCell,\n  InputCell: TracesDataListInputCell,\n  OutputCell: TracesDataListOutputCell,\n  TypeCell: TracesDataListTypeCell,\n  StatusCell: TracesDataListStatusCell,\n  NextPageLoading: DataListNextPageLoading,\n});\n"],"names":["ListTreeIcon","CornerDownRightIcon","jsx","cn","jsxs","DataListCell","Tooltip","TooltipTrigger","TooltipContent","DataListTextCell","AgentIcon","WorkflowIcon","ToolsIcon","ScorersIcon","MemoryIcon","McpServerIcon","ProcessorIcon","DatabaseIcon","RouteIcon","Fragment","Txt","Badge","DataListRoot","DataListTop","DataListTopCell","DataListSortableTopCell","DataListTopCellWithTooltip","DataListRowButton","DataListNoMatch","DataListSubheader","DataListSubHeading","DataListSpacer","DataListIdCell","DataListCreatedCell","DataListNextPageLoading"],"mappings":"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"}

package/dist/{traces-data-list-0GcqZUbe.js → traces-data-list-BOJB37dV.js}

@@ -1,7 +1,5 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { c as DataListCell, e as DataListTextCell, j as DataListCreatedCell, k as DataListIdCell, i as DataListTopCellWithTooltip, b as DataListTopCell, a as DataListTop, D as DataListRoot } from './data-list-top-DSr_ocKA.js';
-import { D as DataListNextPageLoading, b as DataListSpacer, a as DataListNoMatch, d as DataListRowButton, f as DataListSortableTopCell } from './data-list-spacer-ByA4ce2a.js';
-import { a as DataListSubHeading, b as DataListSubheader } from './data-list-DXQY_iQW.js';
+import { c as DataListCell, f as DataListTextCell, g as DataListNextPageLoading, r as DataListCreatedCell, t as DataListIdCell, k as DataListSpacer, u as DataListSubHeading, v as DataListSubheader, j as DataListNoMatch, m as DataListRowButton, p as DataListTopCellWithTooltip, q as DataListSortableTopCell, b as DataListTopCell, a as DataListTop, D as DataListRoot } from './data-list-DdCZZctL.js';
 import { RouteIcon, DatabaseIcon, ListTreeIcon, CornerDownRightIcon } from 'lucide-react';
 import { B as Badge } from './Badge-CHGARUEW.js';
 import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from './tooltip-DrsXZDAj.js';
@@ -31,6 +29,11 @@ function TracesDataListNameCell({ name, parentSpanId, showLevelTooltip }) {
 function TracesDataListInputCell({ input }) {
   return /* @__PURE__ */ jsx(DataListTextCell, { font: "mono", children: input || "-" });
 }
+function TracesDataListOutputCell({ output, error, status }) {
+  const failed = status === "error";
+  const errorColor = failed ? "text-destructive-foreground" : void 0;
+  return /* @__PURE__ */ jsx(DataListTextCell, { font: "mono", className: errorColor, children: (failed ? error : output) || "-" });
+}
 const ENTITY_TYPE_DISPLAY = {
   agent: { label: "Agent", Icon: AgentIcon },
   workflow: { label: "Workflow", Icon: WorkflowIcon },
@@ -87,10 +90,11 @@ const TracesDataList = Object.assign(TracesDataListRoot, {
   CreatedCell: DataListCreatedCell,
   NameCell: TracesDataListNameCell,
   InputCell: TracesDataListInputCell,
+  OutputCell: TracesDataListOutputCell,
   TypeCell: TracesDataListTypeCell,
   StatusCell: TracesDataListStatusCell,
   NextPageLoading: DataListNextPageLoading
 });
 
 export { TracesDataList as T };
-//# sourceMappingURL=traces-data-list-0GcqZUbe.js.map
+//# sourceMappingURL=traces-data-list-BOJB37dV.js.map

package/dist/traces-data-list-BOJB37dV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"traces-data-list-BOJB37dV.js","sources":["../src/ds/components/DataList/TracesDataList/traces-data-list-cells.tsx","../src/ds/components/DataList/TracesDataList/traces-data-list.tsx"],"sourcesContent":["import { CornerDownRightIcon, DatabaseIcon, ListTreeIcon, RouteIcon } from 'lucide-react';\nimport type { ComponentType, SVGProps } from 'react';\nimport { DataListCell, DataListTextCell } from '../data-list-cells';\nimport { Badge } from '@/ds/components/Badge';\nimport type { BadgeVariant } from '@/ds/components/Badge';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { AgentIcon } from '@/ds/icons/AgentIcon';\nimport { McpServerIcon } from '@/ds/icons/McpServerIcon';\nimport { MemoryIcon } from '@/ds/icons/MemoryIcon';\nimport { ProcessorIcon } from '@/ds/icons/ProcessorIcon';\nimport { ScorersIcon } from '@/ds/icons/ScorersIcon';\nimport { ToolsIcon } from '@/ds/icons/ToolsIcon';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\nimport { cn } from '@/lib/utils';\n\n// ---------------------------------------------------------------------------\n// NameCell\n// ---------------------------------------------------------------------------\n\nexport interface TracesDataListNameCellProps {\n  name?: string | null;\n  /** `null`/missing → root span (Trace). Set → nested span (Subtrace). Drives the leading level icon. */\n  parentSpanId?: string | null;\n  /** When true, the leading level icon is wrapped in a Trace/Subtrace tooltip. Off by default —\n   *  only meaningful in branches mode, where rows mix root traces and subtraces. */\n  showLevelTooltip?: boolean;\n}\n\nexport function TracesDataListNameCell({ name, parentSpanId, showLevelTooltip }: TracesDataListNameCellProps) {\n  const isRoot = parentSpanId == null;\n  const Icon = isRoot ? ListTreeIcon : CornerDownRightIcon;\n  const label = isRoot ? 'Trace' : 'Subtrace';\n  const icon = (\n    <span aria-label={label} className=\"inline-flex shrink-0\">\n      <Icon className={cn('size-4 shrink-0', isRoot ? 'text-muted-foreground' : 'text-placeholder')} aria-hidden />\n    </span>\n  );\n  return (\n    <DataListCell className=\"flex min-w-0 items-center gap-2 text-body-sm text-muted-foreground\">\n      {showLevelTooltip ? (\n        <Tooltip>\n          <TooltipTrigger asChild>{icon}</TooltipTrigger>\n          <TooltipContent>{label}</TooltipContent>\n        </Tooltip>\n      ) : (\n        icon\n      )}\n      <span className=\"min-w-0 truncate\">{name || '-'}</span>\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// InputCell\n// ---------------------------------------------------------------------------\n\nexport interface TracesDataListInputCellProps {\n  input?: string | null;\n}\n\nexport function TracesDataListInputCell({ input }: TracesDataListInputCellProps) {\n  return <DataListTextCell font=\"mono\">{input || '-'}</DataListTextCell>;\n}\n\n// ---------------------------------------------------------------------------\n// OutputCell\n// ---------------------------------------------------------------------------\n\nexport interface TracesDataListOutputCellProps {\n  output?: string;\n  /** Shown instead of `output`, in the error color, when `status` is `'error'`. */\n  error?: string;\n  status?: string | null;\n}\n\nexport function TracesDataListOutputCell({ output, error, status }: TracesDataListOutputCellProps) {\n  const failed = status === 'error';\n  const errorColor = failed ? 'text-destructive-foreground' : undefined;\n  return (\n    <DataListTextCell font=\"mono\" className={errorColor}>\n      {(failed ? error : output) || '-'}\n    </DataListTextCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// TypeCell\n// ---------------------------------------------------------------------------\n\ntype EntityTypeDisplay = { label: string; Icon: ComponentType<SVGProps<SVGSVGElement>> };\n\n// Keys are lowercase `EntityType` enum values (plus legacy `workflow`).\nconst ENTITY_TYPE_DISPLAY: Record<string, EntityTypeDisplay> = {\n  agent: { label: 'Agent', Icon: AgentIcon },\n  workflow: { label: 'Workflow', Icon: WorkflowIcon },\n  workflow_run: { label: 'Workflow', Icon: WorkflowIcon },\n  workflow_step: { label: 'Step', Icon: WorkflowIcon },\n  tool: { label: 'Tool', Icon: ToolsIcon },\n  scorer: { label: 'Scorer', Icon: ScorersIcon },\n  memory: { label: 'Memory', Icon: MemoryIcon },\n  mcp_server: { label: 'MCP Server', Icon: McpServerIcon },\n  input_processor: { label: 'Processor', Icon: ProcessorIcon },\n  input_step_processor: { label: 'Processor', Icon: ProcessorIcon },\n  output_processor: { label: 'Processor', Icon: ProcessorIcon },\n  output_step_processor: { label: 'Processor', Icon: ProcessorIcon },\n  tool_result_processor: { label: 'Processor', Icon: ProcessorIcon },\n  rag_ingestion: { label: 'RAG', Icon: DatabaseIcon },\n  trajectory: { label: 'Trajectory', Icon: RouteIcon },\n};\n\nexport interface TracesDataListTypeCellProps {\n  entityType?: string | null;\n}\n\nexport function TracesDataListTypeCell({ entityType }: TracesDataListTypeCellProps) {\n  const display = entityType ? ENTITY_TYPE_DISPLAY[entityType.toLowerCase()] : undefined;\n\n  return (\n    <DataListCell className=\"flex min-w-0 items-center gap-2\">\n      {display ? (\n        <>\n          <display.Icon className=\"size-3.5 shrink-0 text-placeholder\" aria-hidden />\n          <Txt as=\"span\" variant=\"body-sm\" className=\"min-w-0 truncate\">\n            {display.label}\n          </Txt>\n        </>\n      ) : (\n        '-'\n      )}\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// StatusCell\n// ---------------------------------------------------------------------------\n\nconst UNSET_STATUS_CONFIG: { label: string; variant: BadgeVariant } = { label: '-', variant: 'neutral' };\n\nconst STATUS_CONFIG: Record<string, { label: string; variant: BadgeVariant }> = {\n  completed: { label: 'OK', variant: 'success' },\n  ok: { label: 'OK', variant: 'success' },\n  success: { label: 'OK', variant: 'success' },\n  error: { label: 'ERR', variant: 'destructive' },\n  running: { label: 'RUN', variant: 'neutral' },\n  unset: UNSET_STATUS_CONFIG,\n};\n\nexport interface TracesDataListStatusCellProps {\n  status?: string | null;\n}\n\nexport function TracesDataListStatusCell({ status }: TracesDataListStatusCellProps) {\n  const key = (status ?? 'unset').toLowerCase();\n  const config = STATUS_CONFIG[key] ?? UNSET_STATUS_CONFIG;\n\n  return (\n    <DataListCell>\n      <Badge size=\"xs\" variant={config.variant}>\n        {config.label}\n      </Badge>\n    </DataListCell>\n  );\n}\n","import type { ComponentProps } from 'react';\nimport { DataListCreatedCell, DataListIdCell } from '../data-list-cells';\nimport { DataListNextPageLoading } from '../data-list-next-page-loading';\nimport { DataListNoMatch } from '../data-list-no-match';\nimport { DataListRoot } from '../data-list-root';\nimport { DataListRowButton } from '../data-list-row-button';\nimport { DataListSortableTopCell } from '../data-list-sortable-top-cell';\nimport { DataListSpacer } from '../data-list-spacer';\nimport { DataListSubheader } from '../data-list-subheader';\nimport { DataListSubHeading } from '../data-list-subheading';\nimport { DataListTop } from '../data-list-top';\nimport { DataListTopCell, DataListTopCellWithTooltip } from '../data-list-top-cell';\nimport {\n  TracesDataListNameCell,\n  TracesDataListInputCell,\n  TracesDataListOutputCell,\n  TracesDataListTypeCell,\n  TracesDataListStatusCell,\n} from './traces-data-list-cells';\n\n// oxlint-disable-next-line react/only-export-components -- compound component root, same pattern as ScoresDataList\n// eslint-disable-next-line react-refresh/only-export-components -- compound component root, same pattern as ScoresDataList\nfunction TracesDataListRoot(props: ComponentProps<typeof DataListRoot>) {\n  return <DataListRoot {...props} />;\n}\n\nexport const TracesDataList = Object.assign(TracesDataListRoot, {\n  Top: DataListTop,\n  TopCell: DataListTopCell,\n  SortableTopCell: DataListSortableTopCell,\n  TopCellWithTooltip: DataListTopCellWithTooltip,\n  RowButton: DataListRowButton,\n  NoMatch: DataListNoMatch,\n  Subheader: DataListSubheader,\n  SubHeading: DataListSubHeading,\n  Spacer: DataListSpacer,\n  IdCell: DataListIdCell,\n  CreatedCell: DataListCreatedCell,\n  NameCell: TracesDataListNameCell,\n  InputCell: TracesDataListInputCell,\n  OutputCell: TracesDataListOutputCell,\n  TypeCell: TracesDataListTypeCell,\n  StatusCell: TracesDataListStatusCell,\n  NextPageLoading: DataListNextPageLoading,\n});\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "64.0.0-alpha.8",
+  "version": "64.0.0",
   "description": "Mastra Playground components",
   "sideEffects": [
     "**/*.css"
@@ -203,8 +203,8 @@
     "react-dom": ">=19.0.0",
     "tailwindcss": "^4.0.0",
     "@mastra/ai-sdk": "^1.11.1",
-    "@mastra/client-js": "^1.55.0-alpha.8",
-    "@mastra/react": "1.10.1-alpha.8"
+    "@mastra/react": "1.11.0",
+    "@mastra/client-js": "^1.55.0"
   },
   "devDependencies": {
     "@modelcontextprotocol/sdk": "^1.32.1",
@@ -249,13 +249,13 @@
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vitest": "4.1.11",
-    "@internal/lint": "0.0.143",
-    "@mastra/ai-sdk": "1.11.1",
-    "@mastra/client-js": "^1.55.0-alpha.8",
-    "@mastra/core": "1.78.0-alpha.8",
-    "@mastra/memory": "1.38.0-alpha.0",
-    "@mastra/react": "1.10.1-alpha.8",
-    "@mastra/schema-compat": "1.3.15-alpha.0"
+    "@mastra/client-js": "^1.55.0",
+    "@internal/lint": "0.0.144",
+    "@mastra/memory": "1.38.0",
+    "@mastra/react": "1.11.0",
+    "@mastra/schema-compat": "1.3.15",
+    "@mastra/core": "1.78.0",
+    "@mastra/ai-sdk": "1.11.1"
   },
   "homepage": "https://mastra.ai",
   "repository": {

package/dist/combobox-DlKD-Q3M.js

@@ -1,208 +0,0 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { Combobox as Combobox$1 } from '@base-ui/react/combobox';
-import { ChevronsUpDown, Search, Check, X } from 'lucide-react';
-import * as React from 'react';
-import { c as comboboxStyles, a as comboboxTriggerClass, b as comboboxItemClass } from './combobox-styles-B3jftCXY.js';
-import { i as isIconButtonSize, B as Button } from './Button-EGoajBQY.js';
-import { a as useFieldAriaIds, k as keepOwnAccessibleName } from './field-control-aria-DB6y41tQ.js';
-import { F as FieldBlock, f as fieldErrorId } from './field-error-id-Sqhk00e4.js';
-import { S as ScrollArea, a as ScrollAreaViewport } from './scroll-area-MaMqo4l8.js';
-import { FLOATING_POSITION_METHOD } from './primitives/floating.es.js';
-import { useFluidMenu, FluidMenuItems, useFluidMenuItemRef } from './primitives/fluid-menu.es.js';
-import { deprecatedErrorAria } from './primitives/form-element.es.js';
-import { passwordManagerOptOutProps } from './primitives/password-manager-autofill.es.js';
-import { usePortalContainer } from './primitives/portal-container.es.js';
-import { c as cn } from './cn-CQUhN5Jx.js';
-
-const EMPTY_VALUES = [];
-const EMPTY_OPTIONS = [];
-function isMultipleCombobox(props) {
-  return props.multiple === true;
-}
-const ComboboxItem = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(Combobox$1.Item, { ref: useFluidMenuItemRef(ref), ...props }));
-ComboboxItem.displayName = "ComboboxItem";
-function ComboboxOptionText({ option }) {
-  return /* @__PURE__ */ jsxs("span", { className: comboboxStyles.optionText, children: [
-    /* @__PURE__ */ jsx("span", { className: comboboxStyles.optionLabel, children: option.label }),
-    option.description && /* @__PURE__ */ jsx("span", { className: comboboxStyles.optionDescription, children: option.description })
-  ] });
-}
-function Combobox(props) {
-  const {
-    options,
-    placeholder = isMultipleCombobox(props) ? "Select options..." : "Select option...",
-    searchPlaceholder = "Search...",
-    emptyText = "No option found.",
-    className,
-    disabled = false,
-    variant = "default",
-    size = "md",
-    open,
-    onOpenChange,
-    container,
-    id,
-    "aria-label": ariaLabel,
-    "aria-describedby": ariaDescribedBy,
-    align = "start",
-    showChevron = true,
-    iconOnlyValue = false,
-    allowCustomValue = false,
-    onInputValueChange,
-    error,
-    name
-  } = props;
-  const multiple = isMultipleCombobox(props);
-  const clearLabel = multiple ? props.clearLabel : void 0;
-  const field = useFieldAriaIds();
-  const generatedName = React.useId();
-  const errorName = name ?? generatedName;
-  const describedBy = [ariaDescribedBy, error ? fieldErrorId(errorName) : void 0].filter(Boolean).join(" ") || void 0;
-  const [inputValue, setInputValue] = React.useState("");
-  const customValue = inputValue.trim();
-  const customOption = !multiple && allowCustomValue && customValue && !options.some((option) => option.value === customValue) ? { label: `Use “${customValue}”`, value: customValue } : void 0;
-  const displayedOptions = customOption ? [customOption, ...options] : options;
-  const selectedValues = multiple ? props.value ?? EMPTY_VALUES : EMPTY_VALUES;
-  const selectedValueSet = React.useMemo(() => new Set(selectedValues), [selectedValues]);
-  const selectedOption = multiple ? null : options.find((option) => option.value === props.value) ?? null;
-  const selectedOptions = multiple ? options.filter((option) => selectedValueSet.has(option.value)) : EMPTY_OPTIONS;
-  const triggerText = selectedOptions.length === 0 ? placeholder : `${selectedOptions.length} selected`;
-  const clearSelection = () => {
-    if (isMultipleCombobox(props)) props.onValueChange?.([]);
-  };
-  const resolvedContainer = usePortalContainer(container);
-  const { contains } = Combobox$1.useFilter();
-  const filterOption = React.useCallback(
-    (option, query) => contains(option.label, query) || (option.keywords?.some((keyword) => contains(keyword, query)) ?? false),
-    [contains]
-  );
-  const menu = useFluidMenu();
-  const iconOnly = isIconButtonSize(size);
-  const comboboxContent = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      Combobox$1.Trigger,
-      {
-        id,
-        "aria-label": ariaLabel ?? (id || field ? void 0 : multiple ? "Select options" : "Select option"),
-        ...keepOwnAccessibleName({ "aria-label": ariaLabel }),
-        ...deprecatedErrorAria(Boolean(error)),
-        "aria-describedby": describedBy,
-        "data-shape": iconOnly ? "icon" : void 0,
-        className: comboboxTriggerClass({
-          variant,
-          size,
-          className: cn(iconOnlyValue && "w-auto px-2.5", className)
-        }),
-        children: [
-          iconOnly ? /* @__PURE__ */ jsx("span", { className: "sr-only", children: multiple ? triggerText : /* @__PURE__ */ jsx(Combobox$1.Value, { placeholder }) }) : multiple ? /* @__PURE__ */ jsx("span", { className: cn("truncate", selectedOptions.length === 0 && comboboxStyles.placeholder), children: triggerText }) : (
-            // Keep truncation off the outer wrapper so start adornments are not clipped.
-            /* @__PURE__ */ jsxs("span", { className: cn("flex min-w-0 flex-1 items-center", iconOnlyValue ? "justify-center" : "gap-2"), children: [
-              selectedOption?.start,
-              /* @__PURE__ */ jsx("span", { className: "truncate", children: selectedOption?.displayLabel ?? /* @__PURE__ */ jsx(Combobox$1.Value, { placeholder }) })
-            ] })
-          ),
-          showChevron ? /* @__PURE__ */ jsx("span", { className: "flex shrink-0 items-center", children: /* @__PURE__ */ jsx(ChevronsUpDown, { className: cn(comboboxStyles.chevron, (iconOnly || iconOnlyValue) && "ml-0") }) }) : null
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(Combobox$1.Portal, { container: resolvedContainer, children: /* @__PURE__ */ jsx(
-      Combobox$1.Positioner,
-      {
-        align,
-        sideOffset: 4,
-        positionMethod: FLOATING_POSITION_METHOD,
-        className: comboboxStyles.positioner,
-        children: /* @__PURE__ */ jsxs(Combobox$1.Popup, { className: comboboxStyles.popup, children: [
-          /* @__PURE__ */ jsxs("div", { className: comboboxStyles.searchContainer, children: [
-            /* @__PURE__ */ jsx(Search, { className: comboboxStyles.searchIcon }),
-            /* @__PURE__ */ jsx(
-              Combobox$1.Input,
-              {
-                className: comboboxStyles.searchInput,
-                placeholder: searchPlaceholder,
-                ...passwordManagerOptOutProps
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx(Combobox$1.Empty, { className: comboboxStyles.empty, children: emptyText }),
-          /* @__PURE__ */ jsx(ScrollArea, { maxHeight: "var(--spacing-dropdown)", children: /* @__PURE__ */ jsx(ScrollAreaViewport, { className: "scroll-py-8", children: /* @__PURE__ */ jsx("div", { className: menu.containerClassName, ...menu.getContainerProps({}), children: /* @__PURE__ */ jsx(FluidMenuItems, { menu, children: /* @__PURE__ */ jsx(Combobox$1.List, { className: comboboxStyles.list, children: (option) => {
-            const isSelected = selectedValueSet.has(option.value);
-            return /* @__PURE__ */ jsx(ComboboxItem, { value: option, className: comboboxItemClass({ multiple }), children: multiple ? /* @__PURE__ */ jsxs(Fragment, { children: [
-              option.start,
-              /* @__PURE__ */ jsx(ComboboxOptionText, { option }),
-              /* @__PURE__ */ jsxs("span", { className: comboboxStyles.itemRightSlot, children: [
-                option.end ? /* @__PURE__ */ jsx("div", { className: comboboxStyles.optionEnd, children: option.end }) : null,
-                /* @__PURE__ */ jsx("span", { className: comboboxStyles.checkContainer, children: isSelected ? /* @__PURE__ */ jsx(Check, { className: comboboxStyles.checkIcon }) : null })
-              ] })
-            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-              option.start,
-              /* @__PURE__ */ jsx(ComboboxOptionText, { option }),
-              /* @__PURE__ */ jsxs("span", { className: comboboxStyles.itemRightSlot, children: [
-                option.end ? /* @__PURE__ */ jsx("div", { className: comboboxStyles.optionEnd, children: option.end }) : null,
-                /* @__PURE__ */ jsx("span", { className: comboboxStyles.checkContainer, children: /* @__PURE__ */ jsx(Combobox$1.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: comboboxStyles.checkIcon }) }) })
-              ] })
-            ] }) }, option.value);
-          } }) }) }) }) }),
-          selectedValues.length > 0 && clearLabel ? /* @__PURE__ */ jsx("div", { className: cn("border-t", "border-border", "p-1"), children: /* @__PURE__ */ jsx(
-            Button,
-            {
-              type: "button",
-              variant: "destructive-ghost",
-              size: "sm",
-              className: "w-full justify-start",
-              onClick: clearSelection,
-              icon: /* @__PURE__ */ jsx(X, {}),
-              children: clearLabel
-            }
-          ) }) : null
-        ] })
-      }
-    ) })
-  ] });
-  const root = multiple ? /* @__PURE__ */ jsx(
-    Combobox$1.Root,
-    {
-      multiple: true,
-      autoHighlight: true,
-      items: displayedOptions,
-      filter: filterOption,
-      value: selectedOptions,
-      onValueChange: (items) => props.onValueChange?.((items ?? []).map((item) => item.value)),
-      disabled,
-      open,
-      onOpenChange,
-      children: comboboxContent
-    }
-  ) : /* @__PURE__ */ jsx(
-    Combobox$1.Root,
-    {
-      autoHighlight: true,
-      items: displayedOptions,
-      filter: filterOption,
-      value: selectedOption,
-      inputValue,
-      onInputValueChange: (value) => {
-        setInputValue(value);
-        onInputValueChange?.(value);
-      },
-      onValueChange: (item) => {
-        if (item) {
-          props.onValueChange?.(item.value);
-          setInputValue("");
-          onInputValueChange?.("");
-        }
-      },
-      disabled,
-      open,
-      onOpenChange,
-      children: comboboxContent
-    }
-  );
-  if (!error) return root;
-  return /* @__PURE__ */ jsxs("div", { className: comboboxStyles.root, children: [
-    root,
-    /* @__PURE__ */ jsx(FieldBlock.ErrorMsg, { name: errorName, children: error })
-  ] });
-}
-
-export { Combobox as C };
-//# sourceMappingURL=combobox-DlKD-Q3M.js.map

package/dist/combobox-DlKD-Q3M.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"combobox-DlKD-Q3M.js","sources":["../src/ds/components/Combobox/combobox.tsx"],"sourcesContent":["import { Combobox as BaseCombobox } from '@base-ui/react/combobox';\nimport { Check, ChevronsUpDown, Search, X } from 'lucide-react';\nimport * as React from 'react';\nimport { comboboxItemClass, comboboxStyles, comboboxTriggerClass } from './combobox-styles';\nimport type { ComboboxVariant } from './combobox-styles';\nimport { Button, isIconButtonSize } from '@/ds/components/Button/Button';\nimport type { ButtonSize } from '@/ds/components/Button/Button';\nimport { keepOwnAccessibleName, useFieldAriaIds } from '@/ds/components/Field/field-control-aria';\nimport { FieldBlock } from '@/ds/components/FormFieldBlocks/block/field-block';\nimport { fieldErrorId } from '@/ds/components/FormFieldBlocks/block/field-error-id';\nimport { ScrollArea, ScrollAreaViewport } from '@/ds/components/ScrollArea';\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { FluidMenuItems, useFluidMenu, useFluidMenuItemRef } from '@/ds/primitives/fluid-menu';\nimport { deprecatedErrorAria } from '@/ds/primitives/form-element';\nimport { passwordManagerOptOutProps } from '@/ds/primitives/password-manager-autofill';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport { cn } from '@/lib/utils';\n\nexport type { ComboboxVariant } from './combobox-styles';\n\nexport type ComboboxOption = {\n  label: string;\n  value: string;\n  description?: string;\n  displayLabel?: React.ReactNode;\n  start?: React.ReactNode;\n  end?: React.ReactNode;\n  /** Extra terms the search matches besides `label` (aliases, ids, a provider name). Never displayed. */\n  keywords?: readonly string[];\n};\n\ntype ComboboxSharedProps = {\n  options: ComboboxOption[];\n  placeholder?: React.ReactNode;\n  searchPlaceholder?: string;\n  emptyText?: string;\n  className?: string;\n  disabled?: boolean;\n  variant?: ComboboxVariant;\n  /** Icon sizes (`icon-*`) render a chevron-only trigger; pass `aria-label` to name it. */\n  size?: ButtonSize;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  container?: HTMLElement | ShadowRoot | null | React.RefObject<HTMLElement | ShadowRoot | null>;\n  id?: string;\n  'aria-label'?: string;\n  'aria-describedby'?: string;\n  /** Which edge of the trigger the popup lines up with. `end` opens it leftwards (e.g. an icon trigger at the end of a row). */\n  align?: 'start' | 'center' | 'end';\n  showChevron?: boolean;\n  iconOnlyValue?: boolean;\n  allowCustomValue?: boolean;\n  /** Called with the search input text as it changes (and with `''` after a single-mode selection resets it). */\n  onInputValueChange?: (value: string) => void;\n  /** @deprecated Wrap the combobox in `<Field invalid>` with a `FieldError`. */\n  error?: string;\n  /** @deprecated Only keyed the `error` message id; a `Field` links its error without one. */\n  name?: string;\n};\n\nexport type ComboboxSingleProps = ComboboxSharedProps & {\n  multiple?: false;\n  value?: string;\n  onValueChange?: (value: string) => void;\n};\n\nexport type ComboboxMultipleProps = ComboboxSharedProps & {\n  multiple: true;\n  value?: readonly string[];\n  onValueChange?: (value: string[]) => void;\n  clearLabel?: string;\n};\n\nexport type ComboboxProps = ComboboxSingleProps | ComboboxMultipleProps;\n\nconst EMPTY_VALUES: string[] = [];\nconst EMPTY_OPTIONS: ComboboxOption[] = [];\n\nfunction isMultipleCombobox(props: ComboboxProps): props is ComboboxMultipleProps {\n  return props.multiple === true;\n}\n\nconst ComboboxItem = React.forwardRef<HTMLDivElement, BaseCombobox.Item.Props>((props, ref) => (\n  <BaseCombobox.Item ref={useFluidMenuItemRef(ref)} {...props} />\n));\nComboboxItem.displayName = 'ComboboxItem';\n\nfunction ComboboxOptionText({ option }: { option: ComboboxOption }) {\n  return (\n    <span className={comboboxStyles.optionText}>\n      <span className={comboboxStyles.optionLabel}>{option.label}</span>\n      {option.description && <span className={comboboxStyles.optionDescription}>{option.description}</span>}\n    </span>\n  );\n}\n\nexport function Combobox(props: ComboboxProps) {\n  const {\n    options,\n    placeholder = isMultipleCombobox(props) ? 'Select options...' : 'Select option...',\n    searchPlaceholder = 'Search...',\n    emptyText = 'No option found.',\n    className,\n    disabled = false,\n    variant = 'default',\n    size = 'md',\n    open,\n    onOpenChange,\n    container,\n    id,\n    'aria-label': ariaLabel,\n    'aria-describedby': ariaDescribedBy,\n    align = 'start',\n    showChevron = true,\n    iconOnlyValue = false,\n    allowCustomValue = false,\n    onInputValueChange,\n    error,\n    name,\n  } = props;\n  const multiple = isMultipleCombobox(props);\n  const clearLabel = multiple ? props.clearLabel : undefined;\n  const field = useFieldAriaIds();\n  const generatedName = React.useId();\n  const errorName = name ?? generatedName;\n  const describedBy =\n    [ariaDescribedBy, error ? fieldErrorId(errorName) : undefined].filter(Boolean).join(' ') || undefined;\n  const [inputValue, setInputValue] = React.useState('');\n  const customValue = inputValue.trim();\n  const customOption =\n    !multiple && allowCustomValue && customValue && !options.some(option => option.value === customValue)\n      ? { label: `Use “${customValue}”`, value: customValue }\n      : undefined;\n  const displayedOptions = customOption ? [customOption, ...options] : options;\n  const selectedValues = multiple ? (props.value ?? EMPTY_VALUES) : EMPTY_VALUES;\n  const selectedValueSet = React.useMemo(() => new Set(selectedValues), [selectedValues]);\n  const selectedOption = multiple ? null : (options.find(option => option.value === props.value) ?? null);\n  const selectedOptions = multiple ? options.filter(option => selectedValueSet.has(option.value)) : EMPTY_OPTIONS;\n  const triggerText = selectedOptions.length === 0 ? placeholder : `${selectedOptions.length} selected`;\n  const clearSelection = () => {\n    if (isMultipleCombobox(props)) props.onValueChange?.([]);\n  };\n  // Default to the nearest SideDialog/Drawer popup so the list stays\n  // interactive inside a modal drawer; an explicit `container` still wins.\n  const resolvedContainer = usePortalContainer(container);\n  const { contains } = BaseCombobox.useFilter();\n  // Match the label like Base UI's default filter, plus any keywords the option carries.\n  const filterOption = React.useCallback(\n    (option: ComboboxOption, query: string) =>\n      contains(option.label, query) || (option.keywords?.some(keyword => contains(keyword, query)) ?? false),\n    [contains],\n  );\n  const menu = useFluidMenu<HTMLDivElement>();\n  const iconOnly = isIconButtonSize(size);\n\n  const comboboxContent = (\n    <>\n      <BaseCombobox.Trigger\n        id={id}\n        aria-label={ariaLabel ?? (id || field ? undefined : multiple ? 'Select options' : 'Select option')}\n        {...keepOwnAccessibleName({ 'aria-label': ariaLabel })}\n        {...deprecatedErrorAria(Boolean(error))}\n        aria-describedby={describedBy}\n        data-shape={iconOnly ? 'icon' : undefined}\n        className={comboboxTriggerClass({\n          variant,\n          size,\n          className: cn(iconOnlyValue && 'w-auto px-2.5', className),\n        })}\n      >\n        {iconOnly ? (\n          <span className=\"sr-only\">{multiple ? triggerText : <BaseCombobox.Value placeholder={placeholder} />}</span>\n        ) : multiple ? (\n          <span className={cn('truncate', selectedOptions.length === 0 && comboboxStyles.placeholder)}>\n            {triggerText}\n          </span>\n        ) : (\n          // Keep truncation off the outer wrapper so start adornments are not clipped.\n          <span className={cn('flex min-w-0 flex-1 items-center', iconOnlyValue ? 'justify-center' : 'gap-2')}>\n            {selectedOption?.start}\n            <span className=\"truncate\">\n              {selectedOption?.displayLabel ?? <BaseCombobox.Value placeholder={placeholder} />}\n            </span>\n          </span>\n        )}\n        {/* Wrap the chevron in a `<span>` so the svg is one level deep and\n            escapes Button's `[&>svg]` adornments — mirrors Select's chevron wrap. */}\n        {showChevron ? (\n          <span className=\"flex shrink-0 items-center\">\n            <ChevronsUpDown className={cn(comboboxStyles.chevron, (iconOnly || iconOnlyValue) && 'ml-0')} />\n          </span>\n        ) : null}\n      </BaseCombobox.Trigger>\n\n      <BaseCombobox.Portal container={resolvedContainer}>\n        <BaseCombobox.Positioner\n          align={align}\n          sideOffset={4}\n          positionMethod={FLOATING_POSITION_METHOD}\n          className={comboboxStyles.positioner}\n        >\n          <BaseCombobox.Popup className={comboboxStyles.popup}>\n            <div className={comboboxStyles.searchContainer}>\n              <Search className={comboboxStyles.searchIcon} />\n              <BaseCombobox.Input\n                className={comboboxStyles.searchInput}\n                placeholder={searchPlaceholder}\n                {...passwordManagerOptOutProps}\n              />\n            </div>\n            <BaseCombobox.Empty className={comboboxStyles.empty}>{emptyText}</BaseCombobox.Empty>\n            <ScrollArea maxHeight=\"var(--spacing-dropdown)\">\n              <ScrollAreaViewport className=\"scroll-py-8\">\n                <div className={menu.containerClassName} {...menu.getContainerProps({})}>\n                  <FluidMenuItems menu={menu}>\n                    <BaseCombobox.List className={comboboxStyles.list}>\n                      {(option: ComboboxOption) => {\n                        const isSelected = selectedValueSet.has(option.value);\n\n                        return (\n                          <ComboboxItem key={option.value} value={option} className={comboboxItemClass({ multiple })}>\n                            {multiple ? (\n                              <>\n                                {option.start}\n                                <ComboboxOptionText option={option} />\n                                <span className={comboboxStyles.itemRightSlot}>\n                                  {option.end ? <div className={comboboxStyles.optionEnd}>{option.end}</div> : null}\n                                  <span className={comboboxStyles.checkContainer}>\n                                    {isSelected ? <Check className={comboboxStyles.checkIcon} /> : null}\n                                  </span>\n                                </span>\n                              </>\n                            ) : (\n                              <>\n                                {option.start}\n                                <ComboboxOptionText option={option} />\n                                <span className={comboboxStyles.itemRightSlot}>\n                                  {option.end ? <div className={comboboxStyles.optionEnd}>{option.end}</div> : null}\n                                  <span className={comboboxStyles.checkContainer}>\n                                    <BaseCombobox.ItemIndicator>\n                                      <Check className={comboboxStyles.checkIcon} />\n                                    </BaseCombobox.ItemIndicator>\n                                  </span>\n                                </span>\n                              </>\n                            )}\n                          </ComboboxItem>\n                        );\n                      }}\n                    </BaseCombobox.List>\n                  </FluidMenuItems>\n                </div>\n              </ScrollAreaViewport>\n            </ScrollArea>\n            {selectedValues.length > 0 && clearLabel ? (\n              <div className={cn('border-t', 'border-border', 'p-1')}>\n                <Button\n                  type=\"button\"\n                  variant=\"destructive-ghost\"\n                  size=\"sm\"\n                  className=\"w-full justify-start\"\n                  onClick={clearSelection}\n                  icon={<X />}\n                >\n                  {clearLabel}\n                </Button>\n              </div>\n            ) : null}\n          </BaseCombobox.Popup>\n        </BaseCombobox.Positioner>\n      </BaseCombobox.Portal>\n    </>\n  );\n\n  const root = multiple ? (\n    <BaseCombobox.Root\n      multiple\n      autoHighlight\n      items={displayedOptions}\n      filter={filterOption}\n      value={selectedOptions}\n      onValueChange={items => props.onValueChange?.((items ?? []).map(item => item.value))}\n      disabled={disabled}\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      {comboboxContent}\n    </BaseCombobox.Root>\n  ) : (\n    <BaseCombobox.Root\n      autoHighlight\n      items={displayedOptions}\n      filter={filterOption}\n      value={selectedOption}\n      inputValue={inputValue}\n      onInputValueChange={value => {\n        setInputValue(value);\n        onInputValueChange?.(value);\n      }}\n      onValueChange={item => {\n        if (item) {\n          props.onValueChange?.(item.value);\n          setInputValue('');\n          onInputValueChange?.('');\n        }\n      }}\n      disabled={disabled}\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      {comboboxContent}\n    </BaseCombobox.Root>\n  );\n\n  if (!error) return root;\n\n  return (\n    <div className={comboboxStyles.root}>\n      {root}\n      <FieldBlock.ErrorMsg name={errorName}>{error}</FieldBlock.ErrorMsg>\n    </div>\n  );\n}\n"],"names":["BaseCombobox"],"mappings":"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"}