@mastra/playground-ui 68.0.0-alpha.0 → 68.0.0-alpha.2

package/dist/domains/traces/components/span-summary-description.es.js

@@ -2,7 +2,7 @@ import { t as cn } from "../../../utils-DQx8TpNT.js";
 import { formatDate, formatTimestampPrecise } from "../../../utils/date-format.es.js";
 import { formatDuration, formatDurationPrecise } from "../../../utils/duration.es.js";
 import { controlSizeClasses } from "../../../primitives/control-size.es.js";
-import { t as DataPanel } from "../../../DataPanel-CY1W5LHJ.js";
+import { t as DataPanel } from "../../../DataPanel-IgB9D5PO.js";
 import { getSpanDurationMs } from "../utils/span-utils.es.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CalendarClockIcon, TimerIcon } from "lucide-react";

package/dist/domains/traces/components/thread-trace/thread-trace-details.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_utils = require("../../../../utils-uDc1ofX1.cjs");
-const require_DataPanel = require("../../../../DataPanel-C0Ll76Ne.cjs");
+const require_DataPanel = require("../../../../DataPanel-Coc9h35I.cjs");
 const require_Card = require("../../../../Card-C6iEBgVq.cjs");
 const require_domains_traces_components_thread_trace_thread_trace_row_context = require("./thread-trace-row-context.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/domains/traces/components/thread-trace/thread-trace-details.es.js

@@ -1,5 +1,5 @@
 import { t as cn } from "../../../../utils-DQx8TpNT.js";
-import { t as DataPanel } from "../../../../DataPanel-CY1W5LHJ.js";
+import { t as DataPanel } from "../../../../DataPanel-IgB9D5PO.js";
 import { t as Card } from "../../../../Card-LU1aWO7U.js";
 import { useThreadTraceRow } from "./thread-trace-row-context.es.js";
 import { jsx } from "react/jsx-runtime";

package/dist/domains/traces/components/thread-trace/thread-trace-messages.cjs.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_utils = require("../../../../utils-uDc1ofX1.cjs");
-const require_tabs_tab = require("../../../../tabs-tab-Qp3RJ17z.cjs");
-const require_tabs_content = require("../../../../tabs-content-DgR3Hik1.cjs");
+const require_tabs_tab = require("../../../../tabs-tab-DGwfHVDr.cjs");
+const require_tabs_content = require("../../../../tabs-content-CmXe5ML0.cjs");
 const require_domains_traces_components_thread_trace_thread_trace_row_context = require("./thread-trace-row-context.cjs.js");
 require("./thread-trace-row.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/domains/traces/components/thread-trace/thread-trace-messages.es.js

@@ -1,6 +1,6 @@
 import { t as cn } from "../../../../utils-DQx8TpNT.js";
-import { r as TabList, t as Tab } from "../../../../tabs-tab-UT1JliwK.js";
-import { t as TabContent } from "../../../../tabs-content-cpV6A9c3.js";
+import { r as TabList, t as Tab } from "../../../../tabs-tab-CYTZevdV.js";
+import { t as TabContent } from "../../../../tabs-content-D__B9hd-.js";
 import { useThreadTraceRow } from "./thread-trace-row-context.es.js";
 import "./thread-trace-row.es.js";
 import { jsx } from "react/jsx-runtime";

package/dist/domains/traces/components/thread-trace/thread-trace-row.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_utils = require("../../../../utils-uDc1ofX1.cjs");
-const require_tabs_tab = require("../../../../tabs-tab-Qp3RJ17z.cjs");
+const require_tabs_tab = require("../../../../tabs-tab-DGwfHVDr.cjs");
 const require_domains_traces_components_thread_trace_thread_trace_row_context = require("./thread-trace-row-context.cjs.js");
 const require_domains_traces_components_thread_trace_thread_trace_context = require("./thread-trace-context.cjs.js");
 const require_MessageScroller = require("../../../../MessageScroller-CGsfTd1Z.cjs");

package/dist/domains/traces/components/thread-trace/thread-trace-row.es.js

@@ -1,5 +1,5 @@
 import { t as cn } from "../../../../utils-DQx8TpNT.js";
-import { n as Tabs } from "../../../../tabs-tab-UT1JliwK.js";
+import { n as Tabs } from "../../../../tabs-tab-CYTZevdV.js";
 import { ThreadTraceRowContext } from "./thread-trace-row-context.es.js";
 import { useThreadTrace } from "./thread-trace-context.es.js";
 import { u as MessageScrollerItem } from "../../../../MessageScroller-DvaKlm4O.js";

package/dist/domains/traces/components/thread-trace/thread-trace-spans.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_utils = require("../../../../utils-uDc1ofX1.cjs");
-const require_Button = require("../../../../Button-YQRflC47.cjs");
+const require_Button = require("../../../../Button-DLcMcuUL.cjs");
 const require_components_CollapsibleBox = require("../../../../components/CollapsibleBox.cjs.js");
 const require_domains_traces_components_format_hierarchical_spans = require("../format-hierarchical-spans.cjs.js");
 const require_domains_traces_components_thread_trace_thread_trace_row_context = require("./thread-trace-row-context.cjs.js");

package/dist/domains/traces/components/thread-trace/thread-trace-spans.es.js

@@ -1,5 +1,5 @@
 import { t as cn } from "../../../../utils-DQx8TpNT.js";
-import { t as Button } from "../../../../Button-Bw1e3ONi.js";
+import { t as Button } from "../../../../Button-CLXTbAY8.js";
 import { CollapsibleBox } from "../../../../components/CollapsibleBox.es.js";
 import { formatHierarchicalSpans } from "../format-hierarchical-spans.es.js";
 import { useThreadTraceRow } from "./thread-trace-row-context.es.js";

package/dist/domains/traces/components/thread-view-by-trace.cjs.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_lib_framework = require("../../../lib/framework.cjs.js");
 const require_icons_Icon = require("../../../icons/Icon.cjs.js");
-const require_Button = require("../../../Button-YQRflC47.cjs");
+const require_Button = require("../../../Button-DLcMcuUL.cjs");
 const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
 const require_icons_ScorersIcon = require("../../../icons/ScorersIcon.cjs.js");
 const require_domains_scores_components_trace_scores_tab = require("../../scores/components/trace-scores-tab.cjs.js");

package/dist/domains/traces/components/thread-view-by-trace.es.js

@@ -1,6 +1,6 @@
 import { useLinkComponent } from "../../../lib/framework.es.js";
 import { Icon } from "../../../icons/Icon.es.js";
-import { t as Button } from "../../../Button-Bw1e3ONi.js";
+import { t as Button } from "../../../Button-CLXTbAY8.js";
 import { t as Txt } from "../../../Txt-BM6TVV_c.js";
 import { ScorersIcon } from "../../../icons/ScorersIcon.es.js";
 import { TraceScoresTab } from "../../scores/components/trace-scores-tab.es.js";

package/dist/domains/traces/components/trace-columns-menu.cjs.js

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
 const require_dropdown_menu = require("../../../dropdown-menu-BETTTPBB.cjs");
-const require_Dialog = require("../../../Dialog-CjaiCrkv.cjs");
+const require_Dialog = require("../../../Dialog-BvWF9HE-.cjs");
 const require_components_Field = require("../../../components/Field.cjs.js");
 const require_components_Form = require("../../../components/Form.cjs.js");
-const require_combobox = require("../../../combobox-8kNAJFlj.cjs");
+const require_combobox = require("../../../combobox-DIT_6xiG.cjs");
 const require_domains_traces_trace_list_columns = require("../trace-list-columns.cjs.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -68,8 +68,7 @@ function TraceColumnsMenu({ preferences, catalog = require_domains_traces_trace_
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_dropdown_menu.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_dropdown_menu.DropdownMenu.Trigger, {
 		disabled,
-		variant: "ghost",
-		size: "icon-md",
+		size: "icon-sm",
 		tooltip: "Columns",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Columns3Icon, { "aria-hidden": true })
 	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_dropdown_menu.DropdownMenu.Content, {
@@ -149,8 +148,8 @@ function TraceColumnsMenu({ preferences, catalog = require_domains_traces_trace_
 								setMetadataError(void 0);
 							},
 							allowCustomValue: true,
-							placeholder: "Select a metadata key…",
-							searchPlaceholder: "Search metadata keys…",
+							placeholder: "Select a metadata key",
+							searchPlaceholder: "Search metadata keys",
 							emptyText: "No metadata keys observed. Type one to add it."
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Field.FieldError, { children: metadataError })

package/dist/domains/traces/components/trace-columns-menu.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"trace-columns-menu.cjs.js","names":["TRACE_COLUMN_CATALOGS","useState","useMemo","_Fragment","DropdownMenu","Columns3Icon","TRACE_USAGE_COLUMNS","Txt","TRACE_CUSTOM_COLUMN_FIELDS","TRACE_CUSTOM_COLUMN_LABELS","PlusIcon","Dialog","DialogContent","Form","DialogHeader","DialogTitle","DialogDescription","DialogBody","Field","FieldLabel","Combobox","FieldError","DialogFooter","DialogCancel","DialogAction"],"sources":["../../../../src/domains/traces/components/trace-columns-menu.tsx"],"sourcesContent":["import { Columns3Icon, PlusIcon } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport type { FormEvent } from 'react';\nimport {\n  TRACE_COLUMN_CATALOGS,\n  TRACE_CUSTOM_COLUMN_FIELDS,\n  TRACE_CUSTOM_COLUMN_LABELS,\n  TRACE_USAGE_COLUMNS,\n} from '../trace-list-columns';\nimport type {\n  TraceColumnCatalog,\n  TraceColumnPreferences,\n  TraceCustomColumn,\n  TraceOptionalColumn,\n} from '../trace-list-columns';\nimport { Combobox } from '@/ds/components/Combobox';\nimport {\n  Dialog,\n  DialogAction,\n  DialogBody,\n  DialogCancel,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@/ds/components/Dialog';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\nimport { Field, FieldError, FieldLabel } from '@/ds/components/Field';\nimport { Form } from '@/ds/components/Form';\nimport { Txt } from '@/ds/components/Txt';\n\nconst EMPTY_KEYS: readonly string[] = [];\n\nconst COLUMN_LABELS: Record<TraceOptionalColumn, string> = {\n  type: 'Primitive type',\n  input: 'Input',\n  output: 'Output',\n  duration: 'Duration',\n  traceCount: 'Messages',\n  timeToFirstChunk: 'Time to first chunk',\n  timeToFirstToken: 'Time to first token',\n  endTime: 'End',\n  environment: 'Environment',\n  model: 'Model',\n  provider: 'Provider',\n  inputTokens: 'Input tokens',\n  outputTokens: 'Output tokens',\n  totalTokens: 'Total tokens',\n  estimatedCost: 'Estimated cost',\n};\n\ntype TraceColumnsMenuProps = {\n  preferences: TraceColumnPreferences;\n  /** Which columns the list offers. Defaults to the traces catalog. */\n  catalog?: TraceColumnCatalog;\n  /** Top-level metadata keys observed on traces in the current time range, offered in the picker. */\n  availableMetadataKeys?: readonly string[];\n  usageDisabledReason?: string;\n  /** When false (server without the trace-query API), metadata columns can't be added. Defaults to true. */\n  withQueryTrace?: boolean;\n  onToggleColumn: (column: TraceOptionalColumn) => void;\n  onAddCustomColumn: (field: TraceCustomColumn) => void;\n  onRemoveCustomColumn: (field: TraceCustomColumn) => void;\n  onAddMetadataColumn: (key: string) => void;\n  onRemoveMetadataColumn: (key: string) => void;\n  onReset: () => void;\n  /** Keeps the trigger in place but inert, e.g. while capabilities load. */\n  disabled?: boolean;\n};\n\nexport function TraceColumnsMenu({\n  preferences,\n  catalog = TRACE_COLUMN_CATALOGS.traces,\n  availableMetadataKeys = EMPTY_KEYS,\n  usageDisabledReason,\n  withQueryTrace = true,\n  onToggleColumn,\n  onAddCustomColumn,\n  onRemoveCustomColumn,\n  onAddMetadataColumn,\n  onRemoveMetadataColumn,\n  onReset,\n  disabled,\n}: TraceColumnsMenuProps) {\n  const withMetadata = catalog.metadata && withQueryTrace;\n  const [isMetadataDialogOpen, setIsMetadataDialogOpen] = useState(false);\n  const [metadataKey, setMetadataKey] = useState('');\n  const [metadataError, setMetadataError] = useState<string | undefined>();\n\n  const metadataKeyOptions = useMemo(() => {\n    const keys = availableMetadataKeys.filter(key => !preferences.metadataKeys.includes(key));\n    if (metadataKey && !keys.includes(metadataKey)) keys.push(metadataKey);\n    return keys.map(key => ({ label: key, value: key }));\n  }, [availableMetadataKeys, preferences.metadataKeys, metadataKey]);\n\n  const handleDialogOpenChange = (open: boolean) => {\n    setIsMetadataDialogOpen(open);\n    if (!open) {\n      setMetadataKey('');\n      setMetadataError(undefined);\n    }\n  };\n\n  const handleAddMetadata = (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    const normalizedKey = metadataKey.trim();\n    if (!normalizedKey) {\n      setMetadataError('Enter a metadata key.');\n      return;\n    }\n    if (preferences.metadataKeys.includes(normalizedKey)) {\n      setMetadataError('That metadata column is already visible.');\n      return;\n    }\n\n    onAddMetadataColumn(normalizedKey);\n    handleDialogOpenChange(false);\n  };\n\n  return (\n    <>\n      <DropdownMenu>\n        <DropdownMenu.Trigger disabled={disabled} variant=\"ghost\" size=\"icon-md\" tooltip=\"Columns\">\n          <Columns3Icon aria-hidden />\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Content align=\"start\" className=\"min-w-56\">\n          <DropdownMenu.Label>Standard columns</DropdownMenu.Label>\n          {catalog.standardColumns.map(column => (\n            <DropdownMenu.CheckboxItem\n              key={column}\n              checked={preferences.visibleColumns.includes(column)}\n              onCheckedChange={() => onToggleColumn(column)}\n            >\n              {COLUMN_LABELS[column]}\n            </DropdownMenu.CheckboxItem>\n          ))}\n\n          {catalog.usage && (\n            <>\n              <DropdownMenu.Separator />\n              <DropdownMenu.Label>Usage columns</DropdownMenu.Label>\n              {TRACE_USAGE_COLUMNS.map(column => (\n                <DropdownMenu.CheckboxItem\n                  key={column}\n                  checked={preferences.visibleColumns.includes(column)}\n                  disabled={Boolean(usageDisabledReason)}\n                  onCheckedChange={() => onToggleColumn(column)}\n                >\n                  {COLUMN_LABELS[column]}\n                </DropdownMenu.CheckboxItem>\n              ))}\n              {usageDisabledReason && (\n                <Txt variant=\"meta\" tone=\"faint\" className=\"px-2 py-1\" role=\"note\">\n                  {usageDisabledReason}\n                </Txt>\n              )}\n            </>\n          )}\n\n          <DropdownMenu.Separator />\n          <DropdownMenu.Label>Custom columns</DropdownMenu.Label>\n          {TRACE_CUSTOM_COLUMN_FIELDS.map(field => {\n            const isVisible = preferences.customColumns.includes(field);\n            return (\n              <DropdownMenu.CheckboxItem\n                key={field}\n                checked={isVisible}\n                onCheckedChange={() => (isVisible ? onRemoveCustomColumn(field) : onAddCustomColumn(field))}\n              >\n                {TRACE_CUSTOM_COLUMN_LABELS[field]}\n              </DropdownMenu.CheckboxItem>\n            );\n          })}\n\n          {catalog.metadata && (withQueryTrace || preferences.metadataKeys.length > 0) && (\n            <>\n              <DropdownMenu.Separator />\n              <DropdownMenu.Label>Metadata columns</DropdownMenu.Label>\n              {preferences.metadataKeys.map(key => (\n                <DropdownMenu.CheckboxItem\n                  key={key}\n                  checked\n                  title={key}\n                  onCheckedChange={() => onRemoveMetadataColumn(key)}\n                >\n                  {key}\n                </DropdownMenu.CheckboxItem>\n              ))}\n              {withMetadata && (\n                <DropdownMenu.Item onSelect={() => setIsMetadataDialogOpen(true)}>\n                  <PlusIcon aria-hidden />\n                  Add metadata column\n                </DropdownMenu.Item>\n              )}\n            </>\n          )}\n\n          <DropdownMenu.Separator />\n          <DropdownMenu.Item onSelect={onReset}>Reset to defaults</DropdownMenu.Item>\n        </DropdownMenu.Content>\n      </DropdownMenu>\n\n      {withMetadata && (\n        <Dialog open={isMetadataDialogOpen} onOpenChange={handleDialogOpenChange}>\n          <DialogContent>\n            <Form onSubmit={handleAddMetadata} className=\"gap-0\">\n              <DialogHeader>\n                <DialogTitle>Add metadata column</DialogTitle>\n                <DialogDescription>\n                  Pick a top-level trace metadata key observed in the current time range, or type one. Only the key is\n                  saved, never its values.\n                </DialogDescription>\n              </DialogHeader>\n              <DialogBody>\n                <Field invalid={Boolean(metadataError)}>\n                  <FieldLabel>Metadata key</FieldLabel>\n                  <Combobox\n                    options={metadataKeyOptions}\n                    value={metadataKey}\n                    onValueChange={key => {\n                      setMetadataKey(key);\n                      setMetadataError(undefined);\n                    }}\n                    allowCustomValue\n                    placeholder=\"Select a metadata key…\"\n                    searchPlaceholder=\"Search metadata keys…\"\n                    emptyText=\"No metadata keys observed. Type one to add it.\"\n                  />\n                  <FieldError>{metadataError}</FieldError>\n                </Field>\n              </DialogBody>\n              <DialogFooter>\n                <DialogCancel>Cancel</DialogCancel>\n                <DialogAction type=\"submit\">Add column</DialogAction>\n              </DialogFooter>\n            </Form>\n          </DialogContent>\n        </Dialog>\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"trace-columns-menu.cjs.js","names":["TRACE_COLUMN_CATALOGS","useState","useMemo","_Fragment","DropdownMenu","Columns3Icon","TRACE_USAGE_COLUMNS","Txt","TRACE_CUSTOM_COLUMN_FIELDS","TRACE_CUSTOM_COLUMN_LABELS","PlusIcon","Dialog","DialogContent","Form","DialogHeader","DialogTitle","DialogDescription","DialogBody","Field","FieldLabel","Combobox","FieldError","DialogFooter","DialogCancel","DialogAction"],"sources":["../../../../src/domains/traces/components/trace-columns-menu.tsx"],"sourcesContent":["import { Columns3Icon, PlusIcon } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport type { FormEvent } from 'react';\nimport {\n  TRACE_COLUMN_CATALOGS,\n  TRACE_CUSTOM_COLUMN_FIELDS,\n  TRACE_CUSTOM_COLUMN_LABELS,\n  TRACE_USAGE_COLUMNS,\n} from '../trace-list-columns';\nimport type {\n  TraceColumnCatalog,\n  TraceColumnPreferences,\n  TraceCustomColumn,\n  TraceOptionalColumn,\n} from '../trace-list-columns';\nimport { Combobox } from '@/ds/components/Combobox';\nimport {\n  Dialog,\n  DialogAction,\n  DialogBody,\n  DialogCancel,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@/ds/components/Dialog';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\nimport { Field, FieldError, FieldLabel } from '@/ds/components/Field';\nimport { Form } from '@/ds/components/Form';\nimport { Txt } from '@/ds/components/Txt';\n\nconst EMPTY_KEYS: readonly string[] = [];\n\nconst COLUMN_LABELS: Record<TraceOptionalColumn, string> = {\n  type: 'Primitive type',\n  input: 'Input',\n  output: 'Output',\n  duration: 'Duration',\n  traceCount: 'Messages',\n  timeToFirstChunk: 'Time to first chunk',\n  timeToFirstToken: 'Time to first token',\n  endTime: 'End',\n  environment: 'Environment',\n  model: 'Model',\n  provider: 'Provider',\n  inputTokens: 'Input tokens',\n  outputTokens: 'Output tokens',\n  totalTokens: 'Total tokens',\n  estimatedCost: 'Estimated cost',\n};\n\ntype TraceColumnsMenuProps = {\n  preferences: TraceColumnPreferences;\n  /** Which columns the list offers. Defaults to the traces catalog. */\n  catalog?: TraceColumnCatalog;\n  /** Top-level metadata keys observed on traces in the current time range, offered in the picker. */\n  availableMetadataKeys?: readonly string[];\n  usageDisabledReason?: string;\n  /** When false (server without the trace-query API), metadata columns can't be added. Defaults to true. */\n  withQueryTrace?: boolean;\n  onToggleColumn: (column: TraceOptionalColumn) => void;\n  onAddCustomColumn: (field: TraceCustomColumn) => void;\n  onRemoveCustomColumn: (field: TraceCustomColumn) => void;\n  onAddMetadataColumn: (key: string) => void;\n  onRemoveMetadataColumn: (key: string) => void;\n  onReset: () => void;\n  /** Keeps the trigger in place but inert, e.g. while capabilities load. */\n  disabled?: boolean;\n};\n\nexport function TraceColumnsMenu({\n  preferences,\n  catalog = TRACE_COLUMN_CATALOGS.traces,\n  availableMetadataKeys = EMPTY_KEYS,\n  usageDisabledReason,\n  withQueryTrace = true,\n  onToggleColumn,\n  onAddCustomColumn,\n  onRemoveCustomColumn,\n  onAddMetadataColumn,\n  onRemoveMetadataColumn,\n  onReset,\n  disabled,\n}: TraceColumnsMenuProps) {\n  const withMetadata = catalog.metadata && withQueryTrace;\n  const [isMetadataDialogOpen, setIsMetadataDialogOpen] = useState(false);\n  const [metadataKey, setMetadataKey] = useState('');\n  const [metadataError, setMetadataError] = useState<string | undefined>();\n\n  const metadataKeyOptions = useMemo(() => {\n    const keys = availableMetadataKeys.filter(key => !preferences.metadataKeys.includes(key));\n    if (metadataKey && !keys.includes(metadataKey)) keys.push(metadataKey);\n    return keys.map(key => ({ label: key, value: key }));\n  }, [availableMetadataKeys, preferences.metadataKeys, metadataKey]);\n\n  const handleDialogOpenChange = (open: boolean) => {\n    setIsMetadataDialogOpen(open);\n    if (!open) {\n      setMetadataKey('');\n      setMetadataError(undefined);\n    }\n  };\n\n  const handleAddMetadata = (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    const normalizedKey = metadataKey.trim();\n    if (!normalizedKey) {\n      setMetadataError('Enter a metadata key.');\n      return;\n    }\n    if (preferences.metadataKeys.includes(normalizedKey)) {\n      setMetadataError('That metadata column is already visible.');\n      return;\n    }\n\n    onAddMetadataColumn(normalizedKey);\n    handleDialogOpenChange(false);\n  };\n\n  return (\n    <>\n      <DropdownMenu>\n        <DropdownMenu.Trigger disabled={disabled} size=\"icon-sm\" tooltip=\"Columns\">\n          <Columns3Icon aria-hidden />\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Content align=\"start\" className=\"min-w-56\">\n          <DropdownMenu.Label>Standard columns</DropdownMenu.Label>\n          {catalog.standardColumns.map(column => (\n            <DropdownMenu.CheckboxItem\n              key={column}\n              checked={preferences.visibleColumns.includes(column)}\n              onCheckedChange={() => onToggleColumn(column)}\n            >\n              {COLUMN_LABELS[column]}\n            </DropdownMenu.CheckboxItem>\n          ))}\n\n          {catalog.usage && (\n            <>\n              <DropdownMenu.Separator />\n              <DropdownMenu.Label>Usage columns</DropdownMenu.Label>\n              {TRACE_USAGE_COLUMNS.map(column => (\n                <DropdownMenu.CheckboxItem\n                  key={column}\n                  checked={preferences.visibleColumns.includes(column)}\n                  disabled={Boolean(usageDisabledReason)}\n                  onCheckedChange={() => onToggleColumn(column)}\n                >\n                  {COLUMN_LABELS[column]}\n                </DropdownMenu.CheckboxItem>\n              ))}\n              {usageDisabledReason && (\n                <Txt variant=\"meta\" tone=\"faint\" className=\"px-2 py-1\" role=\"note\">\n                  {usageDisabledReason}\n                </Txt>\n              )}\n            </>\n          )}\n\n          <DropdownMenu.Separator />\n          <DropdownMenu.Label>Custom columns</DropdownMenu.Label>\n          {TRACE_CUSTOM_COLUMN_FIELDS.map(field => {\n            const isVisible = preferences.customColumns.includes(field);\n            return (\n              <DropdownMenu.CheckboxItem\n                key={field}\n                checked={isVisible}\n                onCheckedChange={() => (isVisible ? onRemoveCustomColumn(field) : onAddCustomColumn(field))}\n              >\n                {TRACE_CUSTOM_COLUMN_LABELS[field]}\n              </DropdownMenu.CheckboxItem>\n            );\n          })}\n\n          {catalog.metadata && (withQueryTrace || preferences.metadataKeys.length > 0) && (\n            <>\n              <DropdownMenu.Separator />\n              <DropdownMenu.Label>Metadata columns</DropdownMenu.Label>\n              {preferences.metadataKeys.map(key => (\n                <DropdownMenu.CheckboxItem\n                  key={key}\n                  checked\n                  title={key}\n                  onCheckedChange={() => onRemoveMetadataColumn(key)}\n                >\n                  {key}\n                </DropdownMenu.CheckboxItem>\n              ))}\n              {withMetadata && (\n                <DropdownMenu.Item onSelect={() => setIsMetadataDialogOpen(true)}>\n                  <PlusIcon aria-hidden />\n                  Add metadata column\n                </DropdownMenu.Item>\n              )}\n            </>\n          )}\n\n          <DropdownMenu.Separator />\n          <DropdownMenu.Item onSelect={onReset}>Reset to defaults</DropdownMenu.Item>\n        </DropdownMenu.Content>\n      </DropdownMenu>\n\n      {withMetadata && (\n        <Dialog open={isMetadataDialogOpen} onOpenChange={handleDialogOpenChange}>\n          <DialogContent>\n            <Form onSubmit={handleAddMetadata} className=\"gap-0\">\n              <DialogHeader>\n                <DialogTitle>Add metadata column</DialogTitle>\n                <DialogDescription>\n                  Pick a top-level trace metadata key observed in the current time range, or type one. Only the key is\n                  saved, never its values.\n                </DialogDescription>\n              </DialogHeader>\n              <DialogBody>\n                <Field invalid={Boolean(metadataError)}>\n                  <FieldLabel>Metadata key</FieldLabel>\n                  <Combobox\n                    options={metadataKeyOptions}\n                    value={metadataKey}\n                    onValueChange={key => {\n                      setMetadataKey(key);\n                      setMetadataError(undefined);\n                    }}\n                    allowCustomValue\n                    placeholder=\"Select a metadata key\"\n                    searchPlaceholder=\"Search metadata keys\"\n                    emptyText=\"No metadata keys observed. Type one to add it.\"\n                  />\n                  <FieldError>{metadataError}</FieldError>\n                </Field>\n              </DialogBody>\n              <DialogFooter>\n                <DialogCancel>Cancel</DialogCancel>\n                <DialogAction type=\"submit\">Add column</DialogAction>\n              </DialogFooter>\n            </Form>\n          </DialogContent>\n        </Dialog>\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/domains/traces/components/trace-columns-menu.es.js

@@ -1,9 +1,9 @@
 import { t as Txt } from "../../../Txt-BM6TVV_c.js";
 import { t as DropdownMenu } from "../../../dropdown-menu-B4jY3J9e.js";
-import { a as DialogContent, c as DialogHeader, d as DialogTitle, n as DialogBody, o as DialogDescription, p as DialogAction, r as DialogCancel, s as DialogFooter, t as Dialog } from "../../../Dialog-CKtTR8h3.js";
+import { a as DialogContent, c as DialogHeader, d as DialogTitle, n as DialogBody, o as DialogDescription, p as DialogAction, r as DialogCancel, s as DialogFooter, t as Dialog } from "../../../Dialog-DaWtxwd9.js";
 import { Field, FieldError, FieldLabel } from "../../../components/Field.es.js";
 import { Form } from "../../../components/Form.es.js";
-import { t as Combobox } from "../../../combobox-wFudhN8F.js";
+import { t as Combobox } from "../../../combobox-D21no8t5.js";
 import { TRACE_COLUMN_CATALOGS, TRACE_CUSTOM_COLUMN_FIELDS, TRACE_CUSTOM_COLUMN_LABELS, TRACE_USAGE_COLUMNS } from "../trace-list-columns.es.js";
 import { useMemo, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -67,8 +67,7 @@ function TraceColumnsMenu({ preferences, catalog = TRACE_COLUMN_CATALOGS.traces,
 	};
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenu.Trigger, {
 		disabled,
-		variant: "ghost",
-		size: "icon-md",
+		size: "icon-sm",
 		tooltip: "Columns",
 		children: /* @__PURE__ */ jsx(Columns3Icon, { "aria-hidden": true })
 	}), /* @__PURE__ */ jsxs(DropdownMenu.Content, {
@@ -148,8 +147,8 @@ function TraceColumnsMenu({ preferences, catalog = TRACE_COLUMN_CATALOGS.traces,
 								setMetadataError(void 0);
 							},
 							allowCustomValue: true,
-							placeholder: "Select a metadata key…",
-							searchPlaceholder: "Search metadata keys…",
+							placeholder: "Select a metadata key",
+							searchPlaceholder: "Search metadata keys",
 							emptyText: "No metadata keys observed. Type one to add it."
 						}),
 						/* @__PURE__ */ jsx(FieldError, { children: metadataError })

package/dist/domains/traces/components/trace-columns-menu.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"trace-columns-menu.es.js","names":["_Fragment"],"sources":["../../../../src/domains/traces/components/trace-columns-menu.tsx"],"sourcesContent":["import { Columns3Icon, PlusIcon } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport type { FormEvent } from 'react';\nimport {\n  TRACE_COLUMN_CATALOGS,\n  TRACE_CUSTOM_COLUMN_FIELDS,\n  TRACE_CUSTOM_COLUMN_LABELS,\n  TRACE_USAGE_COLUMNS,\n} from '../trace-list-columns';\nimport type {\n  TraceColumnCatalog,\n  TraceColumnPreferences,\n  TraceCustomColumn,\n  TraceOptionalColumn,\n} from '../trace-list-columns';\nimport { Combobox } from '@/ds/components/Combobox';\nimport {\n  Dialog,\n  DialogAction,\n  DialogBody,\n  DialogCancel,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@/ds/components/Dialog';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\nimport { Field, FieldError, FieldLabel } from '@/ds/components/Field';\nimport { Form } from '@/ds/components/Form';\nimport { Txt } from '@/ds/components/Txt';\n\nconst EMPTY_KEYS: readonly string[] = [];\n\nconst COLUMN_LABELS: Record<TraceOptionalColumn, string> = {\n  type: 'Primitive type',\n  input: 'Input',\n  output: 'Output',\n  duration: 'Duration',\n  traceCount: 'Messages',\n  timeToFirstChunk: 'Time to first chunk',\n  timeToFirstToken: 'Time to first token',\n  endTime: 'End',\n  environment: 'Environment',\n  model: 'Model',\n  provider: 'Provider',\n  inputTokens: 'Input tokens',\n  outputTokens: 'Output tokens',\n  totalTokens: 'Total tokens',\n  estimatedCost: 'Estimated cost',\n};\n\ntype TraceColumnsMenuProps = {\n  preferences: TraceColumnPreferences;\n  /** Which columns the list offers. Defaults to the traces catalog. */\n  catalog?: TraceColumnCatalog;\n  /** Top-level metadata keys observed on traces in the current time range, offered in the picker. */\n  availableMetadataKeys?: readonly string[];\n  usageDisabledReason?: string;\n  /** When false (server without the trace-query API), metadata columns can't be added. Defaults to true. */\n  withQueryTrace?: boolean;\n  onToggleColumn: (column: TraceOptionalColumn) => void;\n  onAddCustomColumn: (field: TraceCustomColumn) => void;\n  onRemoveCustomColumn: (field: TraceCustomColumn) => void;\n  onAddMetadataColumn: (key: string) => void;\n  onRemoveMetadataColumn: (key: string) => void;\n  onReset: () => void;\n  /** Keeps the trigger in place but inert, e.g. while capabilities load. */\n  disabled?: boolean;\n};\n\nexport function TraceColumnsMenu({\n  preferences,\n  catalog = TRACE_COLUMN_CATALOGS.traces,\n  availableMetadataKeys = EMPTY_KEYS,\n  usageDisabledReason,\n  withQueryTrace = true,\n  onToggleColumn,\n  onAddCustomColumn,\n  onRemoveCustomColumn,\n  onAddMetadataColumn,\n  onRemoveMetadataColumn,\n  onReset,\n  disabled,\n}: TraceColumnsMenuProps) {\n  const withMetadata = catalog.metadata && withQueryTrace;\n  const [isMetadataDialogOpen, setIsMetadataDialogOpen] = useState(false);\n  const [metadataKey, setMetadataKey] = useState('');\n  const [metadataError, setMetadataError] = useState<string | undefined>();\n\n  const metadataKeyOptions = useMemo(() => {\n    const keys = availableMetadataKeys.filter(key => !preferences.metadataKeys.includes(key));\n    if (metadataKey && !keys.includes(metadataKey)) keys.push(metadataKey);\n    return keys.map(key => ({ label: key, value: key }));\n  }, [availableMetadataKeys, preferences.metadataKeys, metadataKey]);\n\n  const handleDialogOpenChange = (open: boolean) => {\n    setIsMetadataDialogOpen(open);\n    if (!open) {\n      setMetadataKey('');\n      setMetadataError(undefined);\n    }\n  };\n\n  const handleAddMetadata = (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    const normalizedKey = metadataKey.trim();\n    if (!normalizedKey) {\n      setMetadataError('Enter a metadata key.');\n      return;\n    }\n    if (preferences.metadataKeys.includes(normalizedKey)) {\n      setMetadataError('That metadata column is already visible.');\n      return;\n    }\n\n    onAddMetadataColumn(normalizedKey);\n    handleDialogOpenChange(false);\n  };\n\n  return (\n    <>\n      <DropdownMenu>\n        <DropdownMenu.Trigger disabled={disabled} variant=\"ghost\" size=\"icon-md\" tooltip=\"Columns\">\n          <Columns3Icon aria-hidden />\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Content align=\"start\" className=\"min-w-56\">\n          <DropdownMenu.Label>Standard columns</DropdownMenu.Label>\n          {catalog.standardColumns.map(column => (\n            <DropdownMenu.CheckboxItem\n              key={column}\n              checked={preferences.visibleColumns.includes(column)}\n              onCheckedChange={() => onToggleColumn(column)}\n            >\n              {COLUMN_LABELS[column]}\n            </DropdownMenu.CheckboxItem>\n          ))}\n\n          {catalog.usage && (\n            <>\n              <DropdownMenu.Separator />\n              <DropdownMenu.Label>Usage columns</DropdownMenu.Label>\n              {TRACE_USAGE_COLUMNS.map(column => (\n                <DropdownMenu.CheckboxItem\n                  key={column}\n                  checked={preferences.visibleColumns.includes(column)}\n                  disabled={Boolean(usageDisabledReason)}\n                  onCheckedChange={() => onToggleColumn(column)}\n                >\n                  {COLUMN_LABELS[column]}\n                </DropdownMenu.CheckboxItem>\n              ))}\n              {usageDisabledReason && (\n                <Txt variant=\"meta\" tone=\"faint\" className=\"px-2 py-1\" role=\"note\">\n                  {usageDisabledReason}\n                </Txt>\n              )}\n            </>\n          )}\n\n          <DropdownMenu.Separator />\n          <DropdownMenu.Label>Custom columns</DropdownMenu.Label>\n          {TRACE_CUSTOM_COLUMN_FIELDS.map(field => {\n            const isVisible = preferences.customColumns.includes(field);\n            return (\n              <DropdownMenu.CheckboxItem\n                key={field}\n                checked={isVisible}\n                onCheckedChange={() => (isVisible ? onRemoveCustomColumn(field) : onAddCustomColumn(field))}\n              >\n                {TRACE_CUSTOM_COLUMN_LABELS[field]}\n              </DropdownMenu.CheckboxItem>\n            );\n          })}\n\n          {catalog.metadata && (withQueryTrace || preferences.metadataKeys.length > 0) && (\n            <>\n              <DropdownMenu.Separator />\n              <DropdownMenu.Label>Metadata columns</DropdownMenu.Label>\n              {preferences.metadataKeys.map(key => (\n                <DropdownMenu.CheckboxItem\n                  key={key}\n                  checked\n                  title={key}\n                  onCheckedChange={() => onRemoveMetadataColumn(key)}\n                >\n                  {key}\n                </DropdownMenu.CheckboxItem>\n              ))}\n              {withMetadata && (\n                <DropdownMenu.Item onSelect={() => setIsMetadataDialogOpen(true)}>\n                  <PlusIcon aria-hidden />\n                  Add metadata column\n                </DropdownMenu.Item>\n              )}\n            </>\n          )}\n\n          <DropdownMenu.Separator />\n          <DropdownMenu.Item onSelect={onReset}>Reset to defaults</DropdownMenu.Item>\n        </DropdownMenu.Content>\n      </DropdownMenu>\n\n      {withMetadata && (\n        <Dialog open={isMetadataDialogOpen} onOpenChange={handleDialogOpenChange}>\n          <DialogContent>\n            <Form onSubmit={handleAddMetadata} className=\"gap-0\">\n              <DialogHeader>\n                <DialogTitle>Add metadata column</DialogTitle>\n                <DialogDescription>\n                  Pick a top-level trace metadata key observed in the current time range, or type one. Only the key is\n                  saved, never its values.\n                </DialogDescription>\n              </DialogHeader>\n              <DialogBody>\n                <Field invalid={Boolean(metadataError)}>\n                  <FieldLabel>Metadata key</FieldLabel>\n                  <Combobox\n                    options={metadataKeyOptions}\n                    value={metadataKey}\n                    onValueChange={key => {\n                      setMetadataKey(key);\n                      setMetadataError(undefined);\n                    }}\n                    allowCustomValue\n                    placeholder=\"Select a metadata key…\"\n                    searchPlaceholder=\"Search metadata keys…\"\n                    emptyText=\"No metadata keys observed. Type one to add it.\"\n                  />\n                  <FieldError>{metadataError}</FieldError>\n                </Field>\n              </DialogBody>\n              <DialogFooter>\n                <DialogCancel>Cancel</DialogCancel>\n                <DialogAction type=\"submit\">Add column</DialogAction>\n              </DialogFooter>\n            </Form>\n          </DialogContent>\n        </Dialog>\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"trace-columns-menu.es.js","names":["_Fragment"],"sources":["../../../../src/domains/traces/components/trace-columns-menu.tsx"],"sourcesContent":["import { Columns3Icon, PlusIcon } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport type { FormEvent } from 'react';\nimport {\n  TRACE_COLUMN_CATALOGS,\n  TRACE_CUSTOM_COLUMN_FIELDS,\n  TRACE_CUSTOM_COLUMN_LABELS,\n  TRACE_USAGE_COLUMNS,\n} from '../trace-list-columns';\nimport type {\n  TraceColumnCatalog,\n  TraceColumnPreferences,\n  TraceCustomColumn,\n  TraceOptionalColumn,\n} from '../trace-list-columns';\nimport { Combobox } from '@/ds/components/Combobox';\nimport {\n  Dialog,\n  DialogAction,\n  DialogBody,\n  DialogCancel,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@/ds/components/Dialog';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\nimport { Field, FieldError, FieldLabel } from '@/ds/components/Field';\nimport { Form } from '@/ds/components/Form';\nimport { Txt } from '@/ds/components/Txt';\n\nconst EMPTY_KEYS: readonly string[] = [];\n\nconst COLUMN_LABELS: Record<TraceOptionalColumn, string> = {\n  type: 'Primitive type',\n  input: 'Input',\n  output: 'Output',\n  duration: 'Duration',\n  traceCount: 'Messages',\n  timeToFirstChunk: 'Time to first chunk',\n  timeToFirstToken: 'Time to first token',\n  endTime: 'End',\n  environment: 'Environment',\n  model: 'Model',\n  provider: 'Provider',\n  inputTokens: 'Input tokens',\n  outputTokens: 'Output tokens',\n  totalTokens: 'Total tokens',\n  estimatedCost: 'Estimated cost',\n};\n\ntype TraceColumnsMenuProps = {\n  preferences: TraceColumnPreferences;\n  /** Which columns the list offers. Defaults to the traces catalog. */\n  catalog?: TraceColumnCatalog;\n  /** Top-level metadata keys observed on traces in the current time range, offered in the picker. */\n  availableMetadataKeys?: readonly string[];\n  usageDisabledReason?: string;\n  /** When false (server without the trace-query API), metadata columns can't be added. Defaults to true. */\n  withQueryTrace?: boolean;\n  onToggleColumn: (column: TraceOptionalColumn) => void;\n  onAddCustomColumn: (field: TraceCustomColumn) => void;\n  onRemoveCustomColumn: (field: TraceCustomColumn) => void;\n  onAddMetadataColumn: (key: string) => void;\n  onRemoveMetadataColumn: (key: string) => void;\n  onReset: () => void;\n  /** Keeps the trigger in place but inert, e.g. while capabilities load. */\n  disabled?: boolean;\n};\n\nexport function TraceColumnsMenu({\n  preferences,\n  catalog = TRACE_COLUMN_CATALOGS.traces,\n  availableMetadataKeys = EMPTY_KEYS,\n  usageDisabledReason,\n  withQueryTrace = true,\n  onToggleColumn,\n  onAddCustomColumn,\n  onRemoveCustomColumn,\n  onAddMetadataColumn,\n  onRemoveMetadataColumn,\n  onReset,\n  disabled,\n}: TraceColumnsMenuProps) {\n  const withMetadata = catalog.metadata && withQueryTrace;\n  const [isMetadataDialogOpen, setIsMetadataDialogOpen] = useState(false);\n  const [metadataKey, setMetadataKey] = useState('');\n  const [metadataError, setMetadataError] = useState<string | undefined>();\n\n  const metadataKeyOptions = useMemo(() => {\n    const keys = availableMetadataKeys.filter(key => !preferences.metadataKeys.includes(key));\n    if (metadataKey && !keys.includes(metadataKey)) keys.push(metadataKey);\n    return keys.map(key => ({ label: key, value: key }));\n  }, [availableMetadataKeys, preferences.metadataKeys, metadataKey]);\n\n  const handleDialogOpenChange = (open: boolean) => {\n    setIsMetadataDialogOpen(open);\n    if (!open) {\n      setMetadataKey('');\n      setMetadataError(undefined);\n    }\n  };\n\n  const handleAddMetadata = (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    const normalizedKey = metadataKey.trim();\n    if (!normalizedKey) {\n      setMetadataError('Enter a metadata key.');\n      return;\n    }\n    if (preferences.metadataKeys.includes(normalizedKey)) {\n      setMetadataError('That metadata column is already visible.');\n      return;\n    }\n\n    onAddMetadataColumn(normalizedKey);\n    handleDialogOpenChange(false);\n  };\n\n  return (\n    <>\n      <DropdownMenu>\n        <DropdownMenu.Trigger disabled={disabled} size=\"icon-sm\" tooltip=\"Columns\">\n          <Columns3Icon aria-hidden />\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Content align=\"start\" className=\"min-w-56\">\n          <DropdownMenu.Label>Standard columns</DropdownMenu.Label>\n          {catalog.standardColumns.map(column => (\n            <DropdownMenu.CheckboxItem\n              key={column}\n              checked={preferences.visibleColumns.includes(column)}\n              onCheckedChange={() => onToggleColumn(column)}\n            >\n              {COLUMN_LABELS[column]}\n            </DropdownMenu.CheckboxItem>\n          ))}\n\n          {catalog.usage && (\n            <>\n              <DropdownMenu.Separator />\n              <DropdownMenu.Label>Usage columns</DropdownMenu.Label>\n              {TRACE_USAGE_COLUMNS.map(column => (\n                <DropdownMenu.CheckboxItem\n                  key={column}\n                  checked={preferences.visibleColumns.includes(column)}\n                  disabled={Boolean(usageDisabledReason)}\n                  onCheckedChange={() => onToggleColumn(column)}\n                >\n                  {COLUMN_LABELS[column]}\n                </DropdownMenu.CheckboxItem>\n              ))}\n              {usageDisabledReason && (\n                <Txt variant=\"meta\" tone=\"faint\" className=\"px-2 py-1\" role=\"note\">\n                  {usageDisabledReason}\n                </Txt>\n              )}\n            </>\n          )}\n\n          <DropdownMenu.Separator />\n          <DropdownMenu.Label>Custom columns</DropdownMenu.Label>\n          {TRACE_CUSTOM_COLUMN_FIELDS.map(field => {\n            const isVisible = preferences.customColumns.includes(field);\n            return (\n              <DropdownMenu.CheckboxItem\n                key={field}\n                checked={isVisible}\n                onCheckedChange={() => (isVisible ? onRemoveCustomColumn(field) : onAddCustomColumn(field))}\n              >\n                {TRACE_CUSTOM_COLUMN_LABELS[field]}\n              </DropdownMenu.CheckboxItem>\n            );\n          })}\n\n          {catalog.metadata && (withQueryTrace || preferences.metadataKeys.length > 0) && (\n            <>\n              <DropdownMenu.Separator />\n              <DropdownMenu.Label>Metadata columns</DropdownMenu.Label>\n              {preferences.metadataKeys.map(key => (\n                <DropdownMenu.CheckboxItem\n                  key={key}\n                  checked\n                  title={key}\n                  onCheckedChange={() => onRemoveMetadataColumn(key)}\n                >\n                  {key}\n                </DropdownMenu.CheckboxItem>\n              ))}\n              {withMetadata && (\n                <DropdownMenu.Item onSelect={() => setIsMetadataDialogOpen(true)}>\n                  <PlusIcon aria-hidden />\n                  Add metadata column\n                </DropdownMenu.Item>\n              )}\n            </>\n          )}\n\n          <DropdownMenu.Separator />\n          <DropdownMenu.Item onSelect={onReset}>Reset to defaults</DropdownMenu.Item>\n        </DropdownMenu.Content>\n      </DropdownMenu>\n\n      {withMetadata && (\n        <Dialog open={isMetadataDialogOpen} onOpenChange={handleDialogOpenChange}>\n          <DialogContent>\n            <Form onSubmit={handleAddMetadata} className=\"gap-0\">\n              <DialogHeader>\n                <DialogTitle>Add metadata column</DialogTitle>\n                <DialogDescription>\n                  Pick a top-level trace metadata key observed in the current time range, or type one. Only the key is\n                  saved, never its values.\n                </DialogDescription>\n              </DialogHeader>\n              <DialogBody>\n                <Field invalid={Boolean(metadataError)}>\n                  <FieldLabel>Metadata key</FieldLabel>\n                  <Combobox\n                    options={metadataKeyOptions}\n                    value={metadataKey}\n                    onValueChange={key => {\n                      setMetadataKey(key);\n                      setMetadataError(undefined);\n                    }}\n                    allowCustomValue\n                    placeholder=\"Select a metadata key\"\n                    searchPlaceholder=\"Search metadata keys\"\n                    emptyText=\"No metadata keys observed. Type one to add it.\"\n                  />\n                  <FieldError>{metadataError}</FieldError>\n                </Field>\n              </DialogBody>\n              <DialogFooter>\n                <DialogCancel>Cancel</DialogCancel>\n                <DialogAction type=\"submit\">Add column</DialogAction>\n              </DialogFooter>\n            </Form>\n          </DialogContent>\n        </Dialog>\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/domains/traces/components/trace-data-panel-view.cjs.js

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_icons_Icon = require("../../../icons/Icon.cjs.js");
-const require_Button = require("../../../Button-YQRflC47.cjs");
+const require_Button = require("../../../Button-DLcMcuUL.cjs");
 const require_icons_TraceIcon = require("../../../icons/TraceIcon.cjs.js");
 const require_icons_ScorersIcon = require("../../../icons/ScorersIcon.cjs.js");
-const require_tabs_tab = require("../../../tabs-tab-Qp3RJ17z.cjs");
-const require_Notice = require("../../../Notice-DWNeCe-t.cjs");
+const require_tabs_tab = require("../../../tabs-tab-DGwfHVDr.cjs");
+const require_Notice = require("../../../Notice-JZ7SW7q6.cjs");
 const require_components_Skeleton = require("../../../components/Skeleton.cjs.js");
-const require_DataPanel = require("../../../DataPanel-C0Ll76Ne.cjs");
+const require_DataPanel = require("../../../DataPanel-Coc9h35I.cjs");
 const require_domains_traces_components_format_hierarchical_spans = require("./format-hierarchical-spans.cjs.js");
 const require_resize_separator = require("../../../resize/separator.cjs.js");
 const require_domains_traces_hooks_get_all_span_ids = require("../hooks/get-all-span-ids.cjs.js");
@@ -308,7 +308,7 @@ function TraceDataPanelView({ traceId, spans, isLoading, onClose, onSpanSelect,
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 								type: "search",
 								"aria-label": "Search spans",
-								placeholder: "Search spans...",
+								placeholder: "Search spans",
 								value: query,
 								onChange: (event) => setQuery(event.target.value),
 								className: "h-full min-w-0 flex-1 bg-transparent px-1.5 text-label text-foreground outline-hidden placeholder:text-muted-foreground [&::-webkit-search-cancel-button]:appearance-none"