@mastra/playground-ui 60.1.0 → 60.2.0-alpha.1

package/dist/{date-time-range-picker-BDylIIzt.js → date-time-range-picker-B1zYIQTC.js}

@@ -4,10 +4,10 @@ import { CalendarIcon, Check } from 'lucide-react';
 import { useState, useId } from 'react';
 import { B as Button } from './Button-D43ghVKt.js';
 import { D as DatePicker } from './date-picker-DgWTsiJ7.js';
-import { T as TimePicker } from './time-picker-BElZALzM.js';
+import { T as TimePicker } from './time-picker-DRSAkFuj.js';
 import { D as DropdownMenu } from './dropdown-menu-DpEn6HwK.js';
-import { F as FieldBlock } from './field-block--PeppIRb.js';
-import { f as fieldErrorId } from './field-error-id-D3yg1nBh.js';
+import { F as Field, c as FieldError } from './field-BtvEQ68O.js';
+import './field-control-aria-DB6y41tQ.js';
 import { P as Popover, b as PopoverTrigger, a as PopoverContent } from './popover-Dg70UGyn.js';
 import { T as Txt } from './Txt-BP1SRHmL.js';
 import { c as cn } from './cn-65Adrsfj.js';
@@ -46,7 +46,7 @@ function DateTimeRangePicker({
   const [draftTimeFrom, setDraftTimeFrom] = useState("12:00 AM");
   const [draftTimeTo, setDraftTimeTo] = useState("11:59 PM");
   const [customRangeError, setCustomRangeError] = useState();
-  const customRangeFieldName = useId();
+  const customRangeErrorId = useId();
   const datePresetLabel = DATE_PRESETS.find((p) => p.value === preset)?.label ?? "All";
   const handlePresetSelect = (value) => {
     onPresetChange?.(value);
@@ -94,62 +94,63 @@ function DateTimeRangePicker({
             role: "group",
             "aria-label": "Custom date range",
             "aria-invalid": customRangeError ? true : void 0,
-            "aria-describedby": customRangeError ? fieldErrorId(customRangeFieldName) : void 0,
+            "aria-describedby": customRangeError ? customRangeErrorId : void 0,
+            className: "flex",
             children: [
-              /* @__PURE__ */ jsxs("div", { className: cn("flex"), children: [
-                /* @__PURE__ */ jsxs("div", { className: cn("border-r border-border"), children: [
-                  /* @__PURE__ */ jsx(Txt, { as: "span", variant: "column", tone: "muted", className: "block px-4 pt-3", children: "Start" }),
-                  /* @__PURE__ */ jsx(
-                    DatePicker,
-                    {
-                      mode: "single",
-                      selected: draftDateFrom,
-                      month: draftDateFrom,
-                      onSelect: setDraftDateFrom,
-                      disabled,
-                      toDate: draftDateTo
+              /* @__PURE__ */ jsxs("div", { className: cn("border-r border-border"), children: [
+                /* @__PURE__ */ jsx(Txt, { as: "span", variant: "column", tone: "muted", className: "block px-4 pt-3", children: "Start" }),
+                /* @__PURE__ */ jsx(
+                  DatePicker,
+                  {
+                    mode: "single",
+                    selected: draftDateFrom,
+                    month: draftDateFrom,
+                    onSelect: setDraftDateFrom,
+                    disabled,
+                    toDate: draftDateTo
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  TimePicker,
+                  {
+                    label: "Start time",
+                    className: "mx-4 mb-3 w-auto",
+                    defaultValue: draftTimeFrom,
+                    onValueChange: (v) => {
+                      if (!disabled) setDraftTimeFrom(v);
                     }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    TimePicker,
-                    {
-                      className: "mx-4 mb-3 w-auto",
-                      defaultValue: draftTimeFrom,
-                      onValueChange: (v) => {
-                        if (!disabled) setDraftTimeFrom(v);
-                      }
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsxs("div", { children: [
-                  /* @__PURE__ */ jsx(Txt, { as: "span", variant: "column", tone: "muted", className: "block px-4 pt-3", children: "End" }),
-                  /* @__PURE__ */ jsx(
-                    DatePicker,
-                    {
-                      mode: "single",
-                      selected: draftDateTo,
-                      month: draftDateTo,
-                      onSelect: setDraftDateTo,
-                      disabled,
-                      fromDate: draftDateFrom
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    TimePicker,
-                    {
-                      className: "mx-4 mb-3 w-auto",
-                      defaultValue: draftTimeTo,
-                      onValueChange: (v) => {
-                        if (!disabled) setDraftTimeTo(v);
-                      }
-                    }
-                  )
-                ] })
+                  }
+                )
               ] }),
-              customRangeError && /* @__PURE__ */ jsx(FieldBlock.ErrorMsg, { name: customRangeFieldName, className: "px-4 pb-1", children: customRangeError })
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(Txt, { as: "span", variant: "column", tone: "muted", className: "block px-4 pt-3", children: "End" }),
+                /* @__PURE__ */ jsx(
+                  DatePicker,
+                  {
+                    mode: "single",
+                    selected: draftDateTo,
+                    month: draftDateTo,
+                    onSelect: setDraftDateTo,
+                    disabled,
+                    fromDate: draftDateFrom
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  TimePicker,
+                  {
+                    label: "End time",
+                    className: "mx-4 mb-3 w-auto",
+                    defaultValue: draftTimeTo,
+                    onValueChange: (v) => {
+                      if (!disabled) setDraftTimeTo(v);
+                    }
+                  }
+                )
+              ] })
             ]
           }
         ),
+        /* @__PURE__ */ jsx(Field, { invalid: Boolean(customRangeError), children: /* @__PURE__ */ jsx(FieldError, { id: customRangeErrorId, className: "px-4 pb-1", children: customRangeError }) }),
         /* @__PURE__ */ jsxs("div", { className: cn("flex items-center justify-between px-4 pb-3"), children: [
           /* @__PURE__ */ jsx(
             Button,
@@ -176,4 +177,4 @@ function DateTimeRangePicker({
 }
 
 export { DateTimeRangePicker as D };
-//# sourceMappingURL=date-time-range-picker-BDylIIzt.js.map
+//# sourceMappingURL=date-time-range-picker-B1zYIQTC.js.map

package/dist/date-time-range-picker-B1zYIQTC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-range-picker-B1zYIQTC.js","sources":["../src/ds/components/DateTimeRangePicker/date-time-range-picker.tsx"],"sourcesContent":["import { isValid, parse } from 'date-fns';\nimport { CalendarIcon, Check } from 'lucide-react';\nimport { useId, useState } from 'react';\nimport type { ReactElement } from 'react';\nimport { Button } from '@/ds/components/Button/Button';\nimport type { ButtonProps } from '@/ds/components/Button/Button';\nimport { DatePicker, TimePicker } from '@/ds/components/DateTimePicker';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu/dropdown-menu';\nimport { Field, FieldError } from '@/ds/components/Field';\nimport { Popover, PopoverTrigger, PopoverContent } from '@/ds/components/Popover/popover';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type DateRangePreset = 'all' | 'last-24h' | 'last-3d' | 'last-7d' | 'last-14d' | 'last-30d' | 'custom';\n\nconst DATE_PRESETS: { value: DateRangePreset; label: string; ms?: number }[] = [\n  { value: 'all', label: 'All' },\n  { value: 'last-24h', label: 'Last 24 hours', ms: 24 * 60 * 60 * 1000 },\n  { value: 'last-3d', label: 'Last 3 days', ms: 3 * 24 * 60 * 60 * 1000 },\n  { value: 'last-7d', label: 'Last 7 days', ms: 7 * 24 * 60 * 60 * 1000 },\n  { value: 'last-14d', label: 'Last 14 days', ms: 14 * 24 * 60 * 60 * 1000 },\n  { value: 'last-30d', label: 'Last 30 days', ms: 30 * 24 * 60 * 60 * 1000 },\n  { value: 'custom', label: 'Custom range...' },\n];\n\nfunction buildDateWithTime(date: Date, timeStr: string): Date | null {\n  const dateOnly = new Date(date.getFullYear(), date.getMonth(), date.getDate());\n  const combined = parse(timeStr, 'h:mm a', dateOnly);\n  return isValid(combined) ? combined : null;\n}\n\nexport interface DateTimeRangePickerProps {\n  preset?: DateRangePreset;\n  onPresetChange?: (preset: DateRangePreset) => void;\n  dateFrom?: Date;\n  dateTo?: Date;\n  onDateChange?: (value: Date | undefined, type: 'from' | 'to') => void;\n  /**\n   * Called once with both ends when a custom range is applied. When provided it replaces\n   * the two `onDateChange` calls for that step, so consumers can write the range atomically.\n   */\n  onDateRangeChange?: (from: Date | undefined, to: Date | undefined) => void;\n  disabled?: boolean;\n  /** Subset of presets to show. If omitted, all presets are shown. */\n  presets?: readonly DateRangePreset[];\n  /** Size passed through to the trigger Button. Defaults to 'md'. */\n  size?: ButtonProps['size'];\n  /**\n   * Replace the default Button trigger. Receives the current label (preset name or\n   * custom range) and must return an element the menu/popover can attach to.\n   */\n  renderTrigger?: (props: { label: string; disabled?: boolean }) => ReactElement;\n}\n\nexport function DateTimeRangePicker({\n  preset = 'all',\n  onPresetChange,\n  dateFrom,\n  dateTo,\n  onDateChange,\n  onDateRangeChange,\n  disabled,\n  presets,\n  size = 'md',\n  renderTrigger,\n}: DateTimeRangePickerProps) {\n  const visiblePresets = presets ? DATE_PRESETS.filter(p => presets.includes(p.value)) : DATE_PRESETS;\n  const fallbackPreset: DateRangePreset = visiblePresets.find(p => p.value !== 'custom')?.value ?? 'all';\n  const [customRangeOpen, setCustomRangeOpen] = useState(false);\n  const [draftDateFrom, setDraftDateFrom] = useState<Date | undefined>(dateFrom);\n  const [draftDateTo, setDraftDateTo] = useState<Date | undefined>(dateTo);\n  const [draftTimeFrom, setDraftTimeFrom] = useState('12:00 AM');\n  const [draftTimeTo, setDraftTimeTo] = useState('11:59 PM');\n  const [customRangeError, setCustomRangeError] = useState<string | undefined>();\n  const customRangeErrorId = useId();\n\n  const datePresetLabel = DATE_PRESETS.find(p => p.value === preset)?.label ?? 'All';\n\n  const handlePresetSelect = (value: DateRangePreset) => {\n    onPresetChange?.(value);\n    if (value === 'custom') {\n      setDraftDateFrom(dateFrom);\n      setDraftDateTo(dateTo);\n      setDraftTimeFrom('12:00 AM');\n      setDraftTimeTo('11:59 PM');\n      setCustomRangeOpen(true);\n      return;\n    }\n    const entry = DATE_PRESETS.find(p => p.value === value);\n    if (entry?.ms) {\n      onDateChange?.(new Date(Date.now() - entry.ms), 'from');\n      onDateChange?.(undefined, 'to');\n    } else {\n      onDateChange?.(undefined, 'from');\n      onDateChange?.(undefined, 'to');\n    }\n  };\n\n  const applyCustomRange = () => {\n    const fromDate = draftDateFrom ? (buildDateWithTime(draftDateFrom, draftTimeFrom) ?? draftDateFrom) : undefined;\n    const toDate = draftDateTo ? (buildDateWithTime(draftDateTo, draftTimeTo) ?? draftDateTo) : undefined;\n    if (fromDate && toDate && fromDate.getTime() > toDate.getTime()) {\n      setCustomRangeError('Start date/time must be before end date/time');\n      return;\n    }\n    setCustomRangeError(undefined);\n    if (onDateRangeChange) {\n      onDateRangeChange(fromDate, toDate);\n    } else {\n      onDateChange?.(fromDate, 'from');\n      onDateChange?.(toDate, 'to');\n    }\n    setCustomRangeOpen(false);\n  };\n\n  if (preset === 'custom') {\n    const customLabel = `${dateFrom ? dateFrom.toLocaleDateString() : 'Start'} \\u2013 ${dateTo ? dateTo.toLocaleDateString() : 'End'}`;\n    return (\n      <Popover open={customRangeOpen} onOpenChange={setCustomRangeOpen}>\n        {renderTrigger ? (\n          <PopoverTrigger render={renderTrigger({ label: customLabel, disabled })} />\n        ) : (\n          <PopoverTrigger asChild>\n            <Button size={size} disabled={disabled} icon={<CalendarIcon />}>\n              {customLabel}\n            </Button>\n          </PopoverTrigger>\n        )}\n        <PopoverContent align=\"start\" className={cn('w-auto p-0')}>\n          <div\n            role=\"group\"\n            aria-label=\"Custom date range\"\n            aria-invalid={customRangeError ? true : undefined}\n            aria-describedby={customRangeError ? customRangeErrorId : undefined}\n            className=\"flex\"\n          >\n            <div className={cn('border-r border-border')}>\n              <Txt as=\"span\" variant=\"column\" tone=\"muted\" className=\"block px-4 pt-3\">\n                Start\n              </Txt>\n              <DatePicker\n                mode=\"single\"\n                selected={draftDateFrom}\n                month={draftDateFrom}\n                onSelect={setDraftDateFrom}\n                disabled={disabled}\n                toDate={draftDateTo}\n              />\n              <TimePicker\n                label=\"Start time\"\n                className=\"mx-4 mb-3 w-auto\"\n                defaultValue={draftTimeFrom}\n                onValueChange={v => {\n                  if (!disabled) setDraftTimeFrom(v);\n                }}\n              />\n            </div>\n            <div>\n              <Txt as=\"span\" variant=\"column\" tone=\"muted\" className=\"block px-4 pt-3\">\n                End\n              </Txt>\n              <DatePicker\n                mode=\"single\"\n                selected={draftDateTo}\n                month={draftDateTo}\n                onSelect={setDraftDateTo}\n                disabled={disabled}\n                fromDate={draftDateFrom}\n              />\n              <TimePicker\n                label=\"End time\"\n                className=\"mx-4 mb-3 w-auto\"\n                defaultValue={draftTimeTo}\n                onValueChange={v => {\n                  if (!disabled) setDraftTimeTo(v);\n                }}\n              />\n            </div>\n          </div>\n          <Field invalid={Boolean(customRangeError)}>\n            <FieldError id={customRangeErrorId} className=\"px-4 pb-1\">\n              {customRangeError}\n            </FieldError>\n          </Field>\n          <div className={cn('flex items-center justify-between px-4 pb-3')}>\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              disabled={disabled}\n              onClick={() => {\n                setCustomRangeError(undefined);\n                handlePresetSelect(fallbackPreset);\n              }}\n            >\n              &larr; Presets\n            </Button>\n            <Button icon={<Check />} variant=\"primary\" size=\"sm\" onClick={applyCustomRange} disabled={disabled}>\n              Apply\n            </Button>\n          </div>\n        </PopoverContent>\n      </Popover>\n    );\n  }\n\n  return (\n    <DropdownMenu>\n      {renderTrigger ? (\n        <DropdownMenu.Trigger render={renderTrigger({ label: datePresetLabel, disabled })} />\n      ) : (\n        <DropdownMenu.Trigger asChild>\n          <Button size={size} disabled={disabled} icon={<CalendarIcon />}>\n            {datePresetLabel}\n          </Button>\n        </DropdownMenu.Trigger>\n      )}\n      <DropdownMenu.Content align=\"start\">\n        {visiblePresets.map(p => (\n          <DropdownMenu.Item key={p.value} onSelect={() => handlePresetSelect(p.value)}>\n            {p.label}\n          </DropdownMenu.Item>\n        ))}\n      </DropdownMenu.Content>\n    </DropdownMenu>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/{date-time-range-picker-UheN070q.cjs → date-time-range-picker-Bb-CGVEL.cjs}

@@ -6,10 +6,10 @@ const lucideReact = require('lucide-react');
 const React = require('react');
 const Button = require('./Button-CXhSUBxN.cjs');
 const datePicker = require('./date-picker-dRZF8frf.cjs');
-const timePicker = require('./time-picker-_QJdolkZ.cjs');
+const timePicker = require('./time-picker-KE48KlpH.cjs');
 const dropdownMenu = require('./dropdown-menu-j2y37TL5.cjs');
-const fieldBlock = require('./field-block-DtaPqBa3.cjs');
-const fieldErrorId = require('./field-error-id-B3Z2Zu5y.cjs');
+const field = require('./field-ip9xiOVa.cjs');
+require('./field-control-aria-WzMGs0A4.cjs');
 const popover = require('./popover-lBqKiPtp.cjs');
 const Txt = require('./Txt-DPmEpNbp.cjs');
 const utils_cn = require('./cn-DG0X1KEP.cjs');
@@ -48,7 +48,7 @@ function DateTimeRangePicker({
   const [draftTimeFrom, setDraftTimeFrom] = React.useState("12:00 AM");
   const [draftTimeTo, setDraftTimeTo] = React.useState("11:59 PM");
   const [customRangeError, setCustomRangeError] = React.useState();
-  const customRangeFieldName = React.useId();
+  const customRangeErrorId = React.useId();
   const datePresetLabel = DATE_PRESETS.find((p) => p.value === preset)?.label ?? "All";
   const handlePresetSelect = (value) => {
     onPresetChange?.(value);
@@ -96,62 +96,63 @@ function DateTimeRangePicker({
             role: "group",
             "aria-label": "Custom date range",
             "aria-invalid": customRangeError ? true : void 0,
-            "aria-describedby": customRangeError ? fieldErrorId.fieldErrorId(customRangeFieldName) : void 0,
+            "aria-describedby": customRangeError ? customRangeErrorId : void 0,
+            className: "flex",
             children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("flex"), children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("border-r border-border"), children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "column", tone: "muted", className: "block px-4 pt-3", children: "Start" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    datePicker.DatePicker,
-                    {
-                      mode: "single",
-                      selected: draftDateFrom,
-                      month: draftDateFrom,
-                      onSelect: setDraftDateFrom,
-                      disabled,
-                      toDate: draftDateTo
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("border-r border-border"), children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "column", tone: "muted", className: "block px-4 pt-3", children: "Start" }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  datePicker.DatePicker,
+                  {
+                    mode: "single",
+                    selected: draftDateFrom,
+                    month: draftDateFrom,
+                    onSelect: setDraftDateFrom,
+                    disabled,
+                    toDate: draftDateTo
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  timePicker.TimePicker,
+                  {
+                    label: "Start time",
+                    className: "mx-4 mb-3 w-auto",
+                    defaultValue: draftTimeFrom,
+                    onValueChange: (v) => {
+                      if (!disabled) setDraftTimeFrom(v);
                     }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    timePicker.TimePicker,
-                    {
-                      className: "mx-4 mb-3 w-auto",
-                      defaultValue: draftTimeFrom,
-                      onValueChange: (v) => {
-                        if (!disabled) setDraftTimeFrom(v);
-                      }
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "column", tone: "muted", className: "block px-4 pt-3", children: "End" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    datePicker.DatePicker,
-                    {
-                      mode: "single",
-                      selected: draftDateTo,
-                      month: draftDateTo,
-                      onSelect: setDraftDateTo,
-                      disabled,
-                      fromDate: draftDateFrom
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    timePicker.TimePicker,
-                    {
-                      className: "mx-4 mb-3 w-auto",
-                      defaultValue: draftTimeTo,
-                      onValueChange: (v) => {
-                        if (!disabled) setDraftTimeTo(v);
-                      }
-                    }
-                  )
-                ] })
+                  }
+                )
               ] }),
-              customRangeError && /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.ErrorMsg, { name: customRangeFieldName, className: "px-4 pb-1", children: customRangeError })
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "column", tone: "muted", className: "block px-4 pt-3", children: "End" }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  datePicker.DatePicker,
+                  {
+                    mode: "single",
+                    selected: draftDateTo,
+                    month: draftDateTo,
+                    onSelect: setDraftDateTo,
+                    disabled,
+                    fromDate: draftDateFrom
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  timePicker.TimePicker,
+                  {
+                    label: "End time",
+                    className: "mx-4 mb-3 w-auto",
+                    defaultValue: draftTimeTo,
+                    onValueChange: (v) => {
+                      if (!disabled) setDraftTimeTo(v);
+                    }
+                  }
+                )
+              ] })
             ]
           }
         ),
+        /* @__PURE__ */ jsxRuntime.jsx(field.Field, { invalid: Boolean(customRangeError), children: /* @__PURE__ */ jsxRuntime.jsx(field.FieldError, { id: customRangeErrorId, className: "px-4 pb-1", children: customRangeError }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("flex items-center justify-between px-4 pb-3"), children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             Button.Button,
@@ -178,4 +179,4 @@ function DateTimeRangePicker({
 }
 
 exports.DateTimeRangePicker = DateTimeRangePicker;
-//# sourceMappingURL=date-time-range-picker-UheN070q.cjs.map
+//# sourceMappingURL=date-time-range-picker-Bb-CGVEL.cjs.map

package/dist/date-time-range-picker-Bb-CGVEL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-range-picker-Bb-CGVEL.cjs","sources":["../src/ds/components/DateTimeRangePicker/date-time-range-picker.tsx"],"sourcesContent":["import { isValid, parse } from 'date-fns';\nimport { CalendarIcon, Check } from 'lucide-react';\nimport { useId, useState } from 'react';\nimport type { ReactElement } from 'react';\nimport { Button } from '@/ds/components/Button/Button';\nimport type { ButtonProps } from '@/ds/components/Button/Button';\nimport { DatePicker, TimePicker } from '@/ds/components/DateTimePicker';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu/dropdown-menu';\nimport { Field, FieldError } from '@/ds/components/Field';\nimport { Popover, PopoverTrigger, PopoverContent } from '@/ds/components/Popover/popover';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type DateRangePreset = 'all' | 'last-24h' | 'last-3d' | 'last-7d' | 'last-14d' | 'last-30d' | 'custom';\n\nconst DATE_PRESETS: { value: DateRangePreset; label: string; ms?: number }[] = [\n  { value: 'all', label: 'All' },\n  { value: 'last-24h', label: 'Last 24 hours', ms: 24 * 60 * 60 * 1000 },\n  { value: 'last-3d', label: 'Last 3 days', ms: 3 * 24 * 60 * 60 * 1000 },\n  { value: 'last-7d', label: 'Last 7 days', ms: 7 * 24 * 60 * 60 * 1000 },\n  { value: 'last-14d', label: 'Last 14 days', ms: 14 * 24 * 60 * 60 * 1000 },\n  { value: 'last-30d', label: 'Last 30 days', ms: 30 * 24 * 60 * 60 * 1000 },\n  { value: 'custom', label: 'Custom range...' },\n];\n\nfunction buildDateWithTime(date: Date, timeStr: string): Date | null {\n  const dateOnly = new Date(date.getFullYear(), date.getMonth(), date.getDate());\n  const combined = parse(timeStr, 'h:mm a', dateOnly);\n  return isValid(combined) ? combined : null;\n}\n\nexport interface DateTimeRangePickerProps {\n  preset?: DateRangePreset;\n  onPresetChange?: (preset: DateRangePreset) => void;\n  dateFrom?: Date;\n  dateTo?: Date;\n  onDateChange?: (value: Date | undefined, type: 'from' | 'to') => void;\n  /**\n   * Called once with both ends when a custom range is applied. When provided it replaces\n   * the two `onDateChange` calls for that step, so consumers can write the range atomically.\n   */\n  onDateRangeChange?: (from: Date | undefined, to: Date | undefined) => void;\n  disabled?: boolean;\n  /** Subset of presets to show. If omitted, all presets are shown. */\n  presets?: readonly DateRangePreset[];\n  /** Size passed through to the trigger Button. Defaults to 'md'. */\n  size?: ButtonProps['size'];\n  /**\n   * Replace the default Button trigger. Receives the current label (preset name or\n   * custom range) and must return an element the menu/popover can attach to.\n   */\n  renderTrigger?: (props: { label: string; disabled?: boolean }) => ReactElement;\n}\n\nexport function DateTimeRangePicker({\n  preset = 'all',\n  onPresetChange,\n  dateFrom,\n  dateTo,\n  onDateChange,\n  onDateRangeChange,\n  disabled,\n  presets,\n  size = 'md',\n  renderTrigger,\n}: DateTimeRangePickerProps) {\n  const visiblePresets = presets ? DATE_PRESETS.filter(p => presets.includes(p.value)) : DATE_PRESETS;\n  const fallbackPreset: DateRangePreset = visiblePresets.find(p => p.value !== 'custom')?.value ?? 'all';\n  const [customRangeOpen, setCustomRangeOpen] = useState(false);\n  const [draftDateFrom, setDraftDateFrom] = useState<Date | undefined>(dateFrom);\n  const [draftDateTo, setDraftDateTo] = useState<Date | undefined>(dateTo);\n  const [draftTimeFrom, setDraftTimeFrom] = useState('12:00 AM');\n  const [draftTimeTo, setDraftTimeTo] = useState('11:59 PM');\n  const [customRangeError, setCustomRangeError] = useState<string | undefined>();\n  const customRangeErrorId = useId();\n\n  const datePresetLabel = DATE_PRESETS.find(p => p.value === preset)?.label ?? 'All';\n\n  const handlePresetSelect = (value: DateRangePreset) => {\n    onPresetChange?.(value);\n    if (value === 'custom') {\n      setDraftDateFrom(dateFrom);\n      setDraftDateTo(dateTo);\n      setDraftTimeFrom('12:00 AM');\n      setDraftTimeTo('11:59 PM');\n      setCustomRangeOpen(true);\n      return;\n    }\n    const entry = DATE_PRESETS.find(p => p.value === value);\n    if (entry?.ms) {\n      onDateChange?.(new Date(Date.now() - entry.ms), 'from');\n      onDateChange?.(undefined, 'to');\n    } else {\n      onDateChange?.(undefined, 'from');\n      onDateChange?.(undefined, 'to');\n    }\n  };\n\n  const applyCustomRange = () => {\n    const fromDate = draftDateFrom ? (buildDateWithTime(draftDateFrom, draftTimeFrom) ?? draftDateFrom) : undefined;\n    const toDate = draftDateTo ? (buildDateWithTime(draftDateTo, draftTimeTo) ?? draftDateTo) : undefined;\n    if (fromDate && toDate && fromDate.getTime() > toDate.getTime()) {\n      setCustomRangeError('Start date/time must be before end date/time');\n      return;\n    }\n    setCustomRangeError(undefined);\n    if (onDateRangeChange) {\n      onDateRangeChange(fromDate, toDate);\n    } else {\n      onDateChange?.(fromDate, 'from');\n      onDateChange?.(toDate, 'to');\n    }\n    setCustomRangeOpen(false);\n  };\n\n  if (preset === 'custom') {\n    const customLabel = `${dateFrom ? dateFrom.toLocaleDateString() : 'Start'} \\u2013 ${dateTo ? dateTo.toLocaleDateString() : 'End'}`;\n    return (\n      <Popover open={customRangeOpen} onOpenChange={setCustomRangeOpen}>\n        {renderTrigger ? (\n          <PopoverTrigger render={renderTrigger({ label: customLabel, disabled })} />\n        ) : (\n          <PopoverTrigger asChild>\n            <Button size={size} disabled={disabled} icon={<CalendarIcon />}>\n              {customLabel}\n            </Button>\n          </PopoverTrigger>\n        )}\n        <PopoverContent align=\"start\" className={cn('w-auto p-0')}>\n          <div\n            role=\"group\"\n            aria-label=\"Custom date range\"\n            aria-invalid={customRangeError ? true : undefined}\n            aria-describedby={customRangeError ? customRangeErrorId : undefined}\n            className=\"flex\"\n          >\n            <div className={cn('border-r border-border')}>\n              <Txt as=\"span\" variant=\"column\" tone=\"muted\" className=\"block px-4 pt-3\">\n                Start\n              </Txt>\n              <DatePicker\n                mode=\"single\"\n                selected={draftDateFrom}\n                month={draftDateFrom}\n                onSelect={setDraftDateFrom}\n                disabled={disabled}\n                toDate={draftDateTo}\n              />\n              <TimePicker\n                label=\"Start time\"\n                className=\"mx-4 mb-3 w-auto\"\n                defaultValue={draftTimeFrom}\n                onValueChange={v => {\n                  if (!disabled) setDraftTimeFrom(v);\n                }}\n              />\n            </div>\n            <div>\n              <Txt as=\"span\" variant=\"column\" tone=\"muted\" className=\"block px-4 pt-3\">\n                End\n              </Txt>\n              <DatePicker\n                mode=\"single\"\n                selected={draftDateTo}\n                month={draftDateTo}\n                onSelect={setDraftDateTo}\n                disabled={disabled}\n                fromDate={draftDateFrom}\n              />\n              <TimePicker\n                label=\"End time\"\n                className=\"mx-4 mb-3 w-auto\"\n                defaultValue={draftTimeTo}\n                onValueChange={v => {\n                  if (!disabled) setDraftTimeTo(v);\n                }}\n              />\n            </div>\n          </div>\n          <Field invalid={Boolean(customRangeError)}>\n            <FieldError id={customRangeErrorId} className=\"px-4 pb-1\">\n              {customRangeError}\n            </FieldError>\n          </Field>\n          <div className={cn('flex items-center justify-between px-4 pb-3')}>\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              disabled={disabled}\n              onClick={() => {\n                setCustomRangeError(undefined);\n                handlePresetSelect(fallbackPreset);\n              }}\n            >\n              &larr; Presets\n            </Button>\n            <Button icon={<Check />} variant=\"primary\" size=\"sm\" onClick={applyCustomRange} disabled={disabled}>\n              Apply\n            </Button>\n          </div>\n        </PopoverContent>\n      </Popover>\n    );\n  }\n\n  return (\n    <DropdownMenu>\n      {renderTrigger ? (\n        <DropdownMenu.Trigger render={renderTrigger({ label: datePresetLabel, disabled })} />\n      ) : (\n        <DropdownMenu.Trigger asChild>\n          <Button size={size} disabled={disabled} icon={<CalendarIcon />}>\n            {datePresetLabel}\n          </Button>\n        </DropdownMenu.Trigger>\n      )}\n      <DropdownMenu.Content align=\"start\">\n        {visiblePresets.map(p => (\n          <DropdownMenu.Item key={p.value} onSelect={() => handlePresetSelect(p.value)}>\n            {p.label}\n          </DropdownMenu.Item>\n        ))}\n      </DropdownMenu.Content>\n    </DropdownMenu>\n  );\n}\n"],"names":["parse","isValid","useState","useId","jsxs","Popover","jsx","PopoverTrigger","Button","CalendarIcon","PopoverContent","cn","Txt","DatePicker","TimePicker","Field","FieldError","Check","DropdownMenu"],"mappings":"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"}

package/dist/domains/chat/components/network-choice-metadata-dialog.cjs.js

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const Button = require('../../../Button-CXhSUBxN.cjs');
-const codeEditor = require('../../../code-editor-B_wPmKPf.cjs');
+const codeEditor = require('../../../code-editor-Btr1qm_5.cjs');
 const dialog = require('../../../dialog-d_AK1NQD.cjs');
 const Txt = require('../../../Txt-DPmEpNbp.cjs');
 

package/dist/domains/chat/components/network-choice-metadata-dialog.es.js

@@ -2,7 +2,7 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Share2 } from 'lucide-react';
 import { useState } from 'react';
 import { B as Button } from '../../../Button-D43ghVKt.js';
-import { C as CodeEditor } from '../../../code-editor-28chVxHw.js';
+import { C as CodeEditor } from '../../../code-editor-DzhYz1fH.js';
 import { D as Dialog, d as DialogContent, g as DialogHeader, j as DialogTitle, e as DialogDescription, a as DialogBody } from '../../../dialog-Dt5kASkl.js';
 import { T as Txt } from '../../../Txt-BP1SRHmL.js';
 

package/dist/domains/chat/messages/dataset-save-action.cjs.js

@@ -10,9 +10,10 @@ const domains_chat_context_datasetSaveContextValue = require('../context/dataset
 const domains_datasets_hooks_useDatasetMutations = require('../../datasets/hooks/use-dataset-mutations.cjs.js');
 const domains_datasets_hooks_useDatasets = require('../../datasets/hooks/use-datasets.cjs.js');
 const Button = require('../../../Button-CXhSUBxN.cjs');
-const codeEditor = require('../../../code-editor-B_wPmKPf.cjs');
-const label = require('../../../label-DfAhywj_.cjs');
-const select = require('../../../select-DBY9LQFQ.cjs');
+const codeEditor = require('../../../code-editor-Btr1qm_5.cjs');
+const field = require('../../../field-ip9xiOVa.cjs');
+require('../../../field-control-aria-WzMGs0A4.cjs');
+const select = require('../../../select-DJQYAVcm.cjs');
 const toast = require('../../../toast-nm-fM7BR.cjs');
 const dialog = require('../../../dialog-d_AK1NQD.cjs');
 const spinner = require('../../../spinner-BCpN7LL9.cjs');
@@ -84,8 +85,8 @@ function DatasetSaveDialog({
       /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogDescription, { children: "Save as a dataset item for evaluation." })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogBody, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(label.Label, { htmlFor: "ds-target", children: "Dataset" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(field.Field, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(field.FieldLabel, { children: "Dataset" }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           select.Select,
           {
@@ -93,18 +94,18 @@ function DatasetSaveDialog({
             onValueChange: setSelectedDatasetId,
             disabled: addItem.isPending || isDatasetsLoading,
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(select.SelectTrigger, { id: "ds-target", children: /* @__PURE__ */ jsxRuntime.jsx(select.SelectValue, { placeholder: isDatasetsLoading ? "Loading..." : "Select a dataset" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(select.SelectTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(select.SelectValue, { placeholder: isDatasetsLoading ? "Loading..." : "Select a dataset" }) }),
               /* @__PURE__ */ jsxRuntime.jsx(select.SelectContent, { children: datasets.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 py-4 text-center text-body text-muted-foreground", children: "No datasets available" }) : datasets.map((dataset) => /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: dataset.id, children: dataset.name }, dataset.id)) })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(label.Label, { children: "Input (JSON)" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(field.Field, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(field.FieldLabel, { children: "Input (JSON)" }),
         /* @__PURE__ */ jsxRuntime.jsx(codeEditor.CodeEditor, { value: input, onChange: onInputChange, showCopyButton: false, className: "max-h-60 min-h-30" })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(label.Label, { children: "Ground Truth (JSON, optional)" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(field.Field, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(field.FieldLabel, { children: "Ground Truth (JSON, optional)" }),
         /* @__PURE__ */ jsxRuntime.jsx(
           codeEditor.CodeEditor,
           {

package/dist/domains/chat/messages/dataset-save-action.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"dataset-save-action.cjs.js","sources":["../../../../src/domains/chat/messages/dataset-save-action.tsx"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { DatabaseIcon } from 'lucide-react';\nimport { useState, useCallback, useEffect, useMemo } from 'react';\nimport { useDatasetSaveContext } from '../context/dataset-save-context-value';\nimport type { DatasetSaveContextValue } from '../context/dataset-save-context-value';\nimport { useDatasetMutations, useDatasets } from '@/domains/datasets';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport {\n  Dialog,\n  DialogAction,\n  DialogCancel,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogDescription,\n  DialogBody,\n  DialogFooter,\n} from '@/ds/components/Dialog';\nimport { Label } from '@/ds/components/Label';\nimport { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '@/ds/components/Select';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/utils/cn';\nimport { toast } from '@/utils/toast';\n\nfunction DatasetSaveDialog({\n  open,\n  onOpenChange,\n  input,\n  onInputChange,\n  requestContext,\n  initialGroundTruth = '',\n}: {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  input: string;\n  onInputChange: (value: string) => void;\n  requestContext?: Record<string, unknown>;\n  initialGroundTruth?: string;\n}) {\n  const [groundTruth, setGroundTruth] = useState(initialGroundTruth);\n  const [selectedDatasetId, setSelectedDatasetId] = useState('');\n\n  useEffect(() => {\n    if (open) {\n      setGroundTruth(initialGroundTruth);\n    }\n  }, [open, initialGroundTruth]);\n\n  const { data, isLoading: isDatasetsLoading } = useDatasets();\n  const { addItem } = useDatasetMutations();\n  const datasets = useMemo(() => data?.datasets ?? [], [data?.datasets]);\n\n  const handleSubmit = useCallback(async () => {\n    if (!selectedDatasetId) {\n      toast.error('Please select a dataset');\n      return;\n    }\n\n    let parsedInput: unknown;\n    try {\n      parsedInput = JSON.parse(input);\n    } catch {\n      toast.error('Input must be valid JSON');\n      return;\n    }\n\n    let parsedGroundTruth: unknown | undefined;\n    if (groundTruth.trim()) {\n      try {\n        parsedGroundTruth = JSON.parse(groundTruth);\n      } catch {\n        toast.error('Ground Truth must be valid JSON');\n        return;\n      }\n    }\n\n    try {\n      const hasRequestContext = requestContext && Object.keys(requestContext).length > 0;\n      await addItem.mutateAsync({\n        datasetId: selectedDatasetId,\n        input: parsedInput,\n        groundTruth: parsedGroundTruth,\n        ...(hasRequestContext ? { requestContext } : {}),\n      });\n      const targetDataset = datasets.find(d => d.id === selectedDatasetId);\n      toast.success(`Item saved to \"${targetDataset?.name}\"`);\n      onOpenChange(false);\n      setSelectedDatasetId('');\n      onInputChange('');\n      setGroundTruth('');\n    } catch (error) {\n      toast.error(`Failed to save item: ${error instanceof Error ? error.message : 'Unknown error'}`);\n    }\n  }, [input, groundTruth, selectedDatasetId, requestContext, addItem, datasets, onOpenChange, onInputChange]);\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange} pending={addItem.isPending}>\n      <DialogContent>\n        <DialogHeader>\n          <DialogTitle>Save to Dataset</DialogTitle>\n          <DialogDescription>Save as a dataset item for evaluation.</DialogDescription>\n        </DialogHeader>\n        <DialogBody>\n          <div className=\"grid gap-2\">\n            <Label htmlFor=\"ds-target\">Dataset</Label>\n            <Select\n              value={selectedDatasetId}\n              onValueChange={setSelectedDatasetId}\n              disabled={addItem.isPending || isDatasetsLoading}\n            >\n              <SelectTrigger id=\"ds-target\">\n                <SelectValue placeholder={isDatasetsLoading ? 'Loading...' : 'Select a dataset'} />\n              </SelectTrigger>\n              <SelectContent>\n                {datasets.length === 0 ? (\n                  <div className=\"px-2 py-4 text-center text-body text-muted-foreground\">No datasets available</div>\n                ) : (\n                  datasets.map(dataset => (\n                    <SelectItem key={dataset.id} value={dataset.id}>\n                      {dataset.name}\n                    </SelectItem>\n                  ))\n                )}\n              </SelectContent>\n            </Select>\n          </div>\n\n          <div className=\"grid gap-2\">\n            <Label>Input (JSON)</Label>\n            <CodeEditor value={input} onChange={onInputChange} showCopyButton={false} className=\"max-h-60 min-h-30\" />\n          </div>\n\n          <div className=\"grid gap-2\">\n            <Label>Ground Truth (JSON, optional)</Label>\n            <CodeEditor\n              value={groundTruth}\n              onChange={setGroundTruth}\n              showCopyButton={false}\n              className=\"max-h-40 min-h-20\"\n            />\n          </div>\n        </DialogBody>\n        <DialogFooter>\n          <DialogCancel>Cancel</DialogCancel>\n          <DialogAction onConfirm={handleSubmit} disabled={!selectedDatasetId || datasets.length === 0}>\n            {addItem.isPending ? 'Saving...' : 'Save Item'}\n          </DialogAction>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\n/**\n * Dataset save action button shown on user messages in test chat mode.\n * Saves the individual message text as a dataset item.\n */\nexport interface DatasetSaveActionProps {\n  /** Text of the message this action saves to a dataset. */\n  messageText: string;\n}\n\nexport function DatasetSaveAction({ messageText }: DatasetSaveActionProps) {\n  const ctx = useDatasetSaveContext();\n  if (!ctx?.enabled) return null;\n  return <DatasetSaveActionInner messageText={messageText} />;\n}\n\nfunction DatasetSaveActionInner({ messageText }: DatasetSaveActionProps) {\n  const ctx = useDatasetSaveContext();\n  const [dialogOpen, setDialogOpen] = useState(false);\n  const [input, setInput] = useState('');\n\n  const handleClick = useCallback(() => {\n    setInput(JSON.stringify(messageText, null, 2));\n    setDialogOpen(true);\n  }, [messageText]);\n\n  return (\n    <>\n      <Button\n        variant=\"default\"\n        size=\"icon-md\"\n        tooltip=\"Save to dataset\"\n        className={cn(quietTextHover, 'bg-transparent')}\n        onClick={handleClick}\n      >\n        <DatabaseIcon className=\"size-4\" />\n      </Button>\n      <DatasetSaveDialog\n        open={dialogOpen}\n        onOpenChange={setDialogOpen}\n        input={input}\n        onInputChange={setInput}\n        requestContext={ctx?.requestContext}\n      />\n    </>\n  );\n}\n\n/**\n * Button shown at the bottom of the thread to save the full conversation history.\n * Only renders when dataset save context is enabled (test chat mode).\n */\nexport function SaveFullConversationAction() {\n  const ctx = useDatasetSaveContext();\n  if (!ctx?.enabled) return null;\n  return <SaveFullConversationInner ctx={ctx} />;\n}\n\nfunction SaveFullConversationInner({ ctx }: { ctx: DatasetSaveContextValue }) {\n  const client = useMastraClient();\n  const [dialogOpen, setDialogOpen] = useState(false);\n  const [input, setInput] = useState('');\n  const [groundTruth, setGroundTruth] = useState('');\n  const [isFetching, setIsFetching] = useState(false);\n\n  const handleClick = useCallback(async () => {\n    setIsFetching(true);\n    try {\n      const result = await client.listThreadMessages(ctx.threadId, {\n        agentId: ctx.agentId,\n      });\n      const messages = result?.messages ?? [];\n\n      const lastAssistantIdx = messages.length - 1;\n      const lastMessage = messages[lastAssistantIdx];\n      if (lastMessage && lastMessage.role === 'assistant') {\n        const inputMessages = messages.slice(0, lastAssistantIdx);\n        setInput(JSON.stringify(inputMessages, null, 2));\n        setGroundTruth(JSON.stringify(lastMessage, null, 2));\n      } else {\n        setInput(JSON.stringify(messages, null, 2));\n        setGroundTruth('');\n      }\n\n      setDialogOpen(true);\n    } catch (error) {\n      toast.error(`Failed to fetch thread messages: ${error instanceof Error ? error.message : 'Unknown error'}`);\n    } finally {\n      setIsFetching(false);\n    }\n  }, [client, ctx.threadId, ctx.agentId]);\n\n  return (\n    <>\n      <button\n        type=\"button\"\n        onClick={handleClick}\n        disabled={isFetching}\n        className={cn(\n          quietTextHover,\n          controlStateColorTransition,\n          'mx-auto flex cursor-pointer items-center gap-1.5 py-3 text-meta disabled:opacity-50',\n        )}\n      >\n        {isFetching ? <Spinner className=\"size-3.5\" /> : <DatabaseIcon className=\"size-3.5\" />}\n        Save full conversation to dataset\n      </button>\n      <DatasetSaveDialog\n        open={dialogOpen}\n        onOpenChange={setDialogOpen}\n        input={input}\n        onInputChange={setInput}\n        requestContext={ctx.requestContext}\n        initialGroundTruth={groundTruth}\n      />\n    </>\n  );\n}\n"],"names":["useState","useEffect","useDatasets","useDatasetMutations","useMemo","useCallback","toast","jsx","Dialog","DialogContent","jsxs","DialogHeader","DialogTitle","DialogDescription","DialogBody","Label","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","CodeEditor","DialogFooter","DialogCancel","DialogAction","useDatasetSaveContext","Fragment","Button","cn","quietTextHover","DatabaseIcon","useMastraClient","controlStateColorTransition","Spinner"],"mappings":"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"}
+{"version":3,"file":"dataset-save-action.cjs.js","sources":["../../../../src/domains/chat/messages/dataset-save-action.tsx"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { DatabaseIcon } from 'lucide-react';\nimport { useState, useCallback, useEffect, useMemo } from 'react';\nimport { useDatasetSaveContext } from '../context/dataset-save-context-value';\nimport type { DatasetSaveContextValue } from '../context/dataset-save-context-value';\nimport { useDatasetMutations, useDatasets } from '@/domains/datasets';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport {\n  Dialog,\n  DialogAction,\n  DialogCancel,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogDescription,\n  DialogBody,\n  DialogFooter,\n} from '@/ds/components/Dialog';\nimport { Field, FieldLabel } from '@/ds/components/Field';\nimport { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '@/ds/components/Select';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/utils/cn';\nimport { toast } from '@/utils/toast';\n\nfunction DatasetSaveDialog({\n  open,\n  onOpenChange,\n  input,\n  onInputChange,\n  requestContext,\n  initialGroundTruth = '',\n}: {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  input: string;\n  onInputChange: (value: string) => void;\n  requestContext?: Record<string, unknown>;\n  initialGroundTruth?: string;\n}) {\n  const [groundTruth, setGroundTruth] = useState(initialGroundTruth);\n  const [selectedDatasetId, setSelectedDatasetId] = useState('');\n\n  useEffect(() => {\n    if (open) {\n      setGroundTruth(initialGroundTruth);\n    }\n  }, [open, initialGroundTruth]);\n\n  const { data, isLoading: isDatasetsLoading } = useDatasets();\n  const { addItem } = useDatasetMutations();\n  const datasets = useMemo(() => data?.datasets ?? [], [data?.datasets]);\n\n  const handleSubmit = useCallback(async () => {\n    if (!selectedDatasetId) {\n      toast.error('Please select a dataset');\n      return;\n    }\n\n    let parsedInput: unknown;\n    try {\n      parsedInput = JSON.parse(input);\n    } catch {\n      toast.error('Input must be valid JSON');\n      return;\n    }\n\n    let parsedGroundTruth: unknown | undefined;\n    if (groundTruth.trim()) {\n      try {\n        parsedGroundTruth = JSON.parse(groundTruth);\n      } catch {\n        toast.error('Ground Truth must be valid JSON');\n        return;\n      }\n    }\n\n    try {\n      const hasRequestContext = requestContext && Object.keys(requestContext).length > 0;\n      await addItem.mutateAsync({\n        datasetId: selectedDatasetId,\n        input: parsedInput,\n        groundTruth: parsedGroundTruth,\n        ...(hasRequestContext ? { requestContext } : {}),\n      });\n      const targetDataset = datasets.find(d => d.id === selectedDatasetId);\n      toast.success(`Item saved to \"${targetDataset?.name}\"`);\n      onOpenChange(false);\n      setSelectedDatasetId('');\n      onInputChange('');\n      setGroundTruth('');\n    } catch (error) {\n      toast.error(`Failed to save item: ${error instanceof Error ? error.message : 'Unknown error'}`);\n    }\n  }, [input, groundTruth, selectedDatasetId, requestContext, addItem, datasets, onOpenChange, onInputChange]);\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange} pending={addItem.isPending}>\n      <DialogContent>\n        <DialogHeader>\n          <DialogTitle>Save to Dataset</DialogTitle>\n          <DialogDescription>Save as a dataset item for evaluation.</DialogDescription>\n        </DialogHeader>\n        <DialogBody>\n          <Field>\n            <FieldLabel>Dataset</FieldLabel>\n            <Select\n              value={selectedDatasetId}\n              onValueChange={setSelectedDatasetId}\n              disabled={addItem.isPending || isDatasetsLoading}\n            >\n              <SelectTrigger>\n                <SelectValue placeholder={isDatasetsLoading ? 'Loading...' : 'Select a dataset'} />\n              </SelectTrigger>\n              <SelectContent>\n                {datasets.length === 0 ? (\n                  <div className=\"px-2 py-4 text-center text-body text-muted-foreground\">No datasets available</div>\n                ) : (\n                  datasets.map(dataset => (\n                    <SelectItem key={dataset.id} value={dataset.id}>\n                      {dataset.name}\n                    </SelectItem>\n                  ))\n                )}\n              </SelectContent>\n            </Select>\n          </Field>\n\n          <Field>\n            <FieldLabel>Input (JSON)</FieldLabel>\n            <CodeEditor value={input} onChange={onInputChange} showCopyButton={false} className=\"max-h-60 min-h-30\" />\n          </Field>\n\n          <Field>\n            <FieldLabel>Ground Truth (JSON, optional)</FieldLabel>\n            <CodeEditor\n              value={groundTruth}\n              onChange={setGroundTruth}\n              showCopyButton={false}\n              className=\"max-h-40 min-h-20\"\n            />\n          </Field>\n        </DialogBody>\n        <DialogFooter>\n          <DialogCancel>Cancel</DialogCancel>\n          <DialogAction onConfirm={handleSubmit} disabled={!selectedDatasetId || datasets.length === 0}>\n            {addItem.isPending ? 'Saving...' : 'Save Item'}\n          </DialogAction>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\n/**\n * Dataset save action button shown on user messages in test chat mode.\n * Saves the individual message text as a dataset item.\n */\nexport interface DatasetSaveActionProps {\n  /** Text of the message this action saves to a dataset. */\n  messageText: string;\n}\n\nexport function DatasetSaveAction({ messageText }: DatasetSaveActionProps) {\n  const ctx = useDatasetSaveContext();\n  if (!ctx?.enabled) return null;\n  return <DatasetSaveActionInner messageText={messageText} />;\n}\n\nfunction DatasetSaveActionInner({ messageText }: DatasetSaveActionProps) {\n  const ctx = useDatasetSaveContext();\n  const [dialogOpen, setDialogOpen] = useState(false);\n  const [input, setInput] = useState('');\n\n  const handleClick = useCallback(() => {\n    setInput(JSON.stringify(messageText, null, 2));\n    setDialogOpen(true);\n  }, [messageText]);\n\n  return (\n    <>\n      <Button\n        variant=\"default\"\n        size=\"icon-md\"\n        tooltip=\"Save to dataset\"\n        className={cn(quietTextHover, 'bg-transparent')}\n        onClick={handleClick}\n      >\n        <DatabaseIcon className=\"size-4\" />\n      </Button>\n      <DatasetSaveDialog\n        open={dialogOpen}\n        onOpenChange={setDialogOpen}\n        input={input}\n        onInputChange={setInput}\n        requestContext={ctx?.requestContext}\n      />\n    </>\n  );\n}\n\n/**\n * Button shown at the bottom of the thread to save the full conversation history.\n * Only renders when dataset save context is enabled (test chat mode).\n */\nexport function SaveFullConversationAction() {\n  const ctx = useDatasetSaveContext();\n  if (!ctx?.enabled) return null;\n  return <SaveFullConversationInner ctx={ctx} />;\n}\n\nfunction SaveFullConversationInner({ ctx }: { ctx: DatasetSaveContextValue }) {\n  const client = useMastraClient();\n  const [dialogOpen, setDialogOpen] = useState(false);\n  const [input, setInput] = useState('');\n  const [groundTruth, setGroundTruth] = useState('');\n  const [isFetching, setIsFetching] = useState(false);\n\n  const handleClick = useCallback(async () => {\n    setIsFetching(true);\n    try {\n      const result = await client.listThreadMessages(ctx.threadId, {\n        agentId: ctx.agentId,\n      });\n      const messages = result?.messages ?? [];\n\n      const lastAssistantIdx = messages.length - 1;\n      const lastMessage = messages[lastAssistantIdx];\n      if (lastMessage && lastMessage.role === 'assistant') {\n        const inputMessages = messages.slice(0, lastAssistantIdx);\n        setInput(JSON.stringify(inputMessages, null, 2));\n        setGroundTruth(JSON.stringify(lastMessage, null, 2));\n      } else {\n        setInput(JSON.stringify(messages, null, 2));\n        setGroundTruth('');\n      }\n\n      setDialogOpen(true);\n    } catch (error) {\n      toast.error(`Failed to fetch thread messages: ${error instanceof Error ? error.message : 'Unknown error'}`);\n    } finally {\n      setIsFetching(false);\n    }\n  }, [client, ctx.threadId, ctx.agentId]);\n\n  return (\n    <>\n      <button\n        type=\"button\"\n        onClick={handleClick}\n        disabled={isFetching}\n        className={cn(\n          quietTextHover,\n          controlStateColorTransition,\n          'mx-auto flex cursor-pointer items-center gap-1.5 py-3 text-meta disabled:opacity-50',\n        )}\n      >\n        {isFetching ? <Spinner className=\"size-3.5\" /> : <DatabaseIcon className=\"size-3.5\" />}\n        Save full conversation to dataset\n      </button>\n      <DatasetSaveDialog\n        open={dialogOpen}\n        onOpenChange={setDialogOpen}\n        input={input}\n        onInputChange={setInput}\n        requestContext={ctx.requestContext}\n        initialGroundTruth={groundTruth}\n      />\n    </>\n  );\n}\n"],"names":["useState","useEffect","useDatasets","useDatasetMutations","useMemo","useCallback","toast","jsx","Dialog","DialogContent","jsxs","DialogHeader","DialogTitle","DialogDescription","DialogBody","Field","FieldLabel","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","CodeEditor","DialogFooter","DialogCancel","DialogAction","useDatasetSaveContext","Fragment","Button","cn","quietTextHover","DatabaseIcon","useMastraClient","controlStateColorTransition","Spinner"],"mappings":"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"}

package/dist/domains/chat/messages/dataset-save-action.es.js

@@ -6,9 +6,10 @@ import { useDatasetSaveContext } from '../context/dataset-save-context-value.es.
 import { useDatasetMutations } from '../../datasets/hooks/use-dataset-mutations.es.js';
 import { useDatasets } from '../../datasets/hooks/use-datasets.es.js';
 import { B as Button } from '../../../Button-D43ghVKt.js';
-import { C as CodeEditor } from '../../../code-editor-28chVxHw.js';
-import { L as Label } from '../../../label-Dxsz0dFs.js';
-import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../../../select-DZeNf-kI.js';
+import { C as CodeEditor } from '../../../code-editor-DzhYz1fH.js';
+import { F as Field, e as FieldLabel } from '../../../field-BtvEQ68O.js';
+import '../../../field-control-aria-DB6y41tQ.js';
+import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../../../select--ArpXYDc.js';
 import { t as toast } from '../../../toast-c5kCpyWt.js';
 import { D as Dialog, d as DialogContent, g as DialogHeader, j as DialogTitle, e as DialogDescription, a as DialogBody, f as DialogFooter, b as DialogCancel } from '../../../dialog-Dt5kASkl.js';
 import { S as Spinner } from '../../../spinner-ylbE0TJA.js';
@@ -80,8 +81,8 @@ function DatasetSaveDialog({
       /* @__PURE__ */ jsx(DialogDescription, { children: "Save as a dataset item for evaluation." })
     ] }),
     /* @__PURE__ */ jsxs(DialogBody, { children: [
-      /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "ds-target", children: "Dataset" }),
+      /* @__PURE__ */ jsxs(Field, { children: [
+        /* @__PURE__ */ jsx(FieldLabel, { children: "Dataset" }),
         /* @__PURE__ */ jsxs(
           Select,
           {
@@ -89,18 +90,18 @@ function DatasetSaveDialog({
             onValueChange: setSelectedDatasetId,
             disabled: addItem.isPending || isDatasetsLoading,
             children: [
-              /* @__PURE__ */ jsx(SelectTrigger, { id: "ds-target", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: isDatasetsLoading ? "Loading..." : "Select a dataset" }) }),
+              /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: isDatasetsLoading ? "Loading..." : "Select a dataset" }) }),
               /* @__PURE__ */ jsx(SelectContent, { children: datasets.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-2 py-4 text-center text-body text-muted-foreground", children: "No datasets available" }) : datasets.map((dataset) => /* @__PURE__ */ jsx(SelectItem, { value: dataset.id, children: dataset.name }, dataset.id)) })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
-        /* @__PURE__ */ jsx(Label, { children: "Input (JSON)" }),
+      /* @__PURE__ */ jsxs(Field, { children: [
+        /* @__PURE__ */ jsx(FieldLabel, { children: "Input (JSON)" }),
         /* @__PURE__ */ jsx(CodeEditor, { value: input, onChange: onInputChange, showCopyButton: false, className: "max-h-60 min-h-30" })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
-        /* @__PURE__ */ jsx(Label, { children: "Ground Truth (JSON, optional)" }),
+      /* @__PURE__ */ jsxs(Field, { children: [
+        /* @__PURE__ */ jsx(FieldLabel, { children: "Ground Truth (JSON, optional)" }),
         /* @__PURE__ */ jsx(
           CodeEditor,
           {