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

package/dist/ee/signals/settings/signal-definition-form-dialog.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"signal-definition-form-dialog.cjs.js","sources":["../../../../src/ee/signals/settings/signal-definition-form-dialog.tsx"],"sourcesContent":["import type {\n  CreateTraceSignalDefinitionInput,\n  TraceSignalDefinition,\n  UpdateTraceSignalDefinitionInput,\n} from '@mastra/client-js';\nimport { useId, useState } from 'react';\n\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 { FieldBlock, TextFieldBlock, fieldErrorId } from '@/ds/components/FormFieldBlocks';\nimport { Notice } from '@/ds/components/Notice';\nimport { Textarea } from '@/ds/components/Textarea';\nimport { Txt } from '@/ds/components/Txt';\n\nconst reservedNames = new Set([\n  'goal',\n  'sentiment',\n  'behavior',\n  'outcome',\n  'intent',\n  'summary',\n  'tags',\n  'theme',\n  'noise',\n]);\n\nexport interface SignalDefinitionFormDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  definition?: TraceSignalDefinition;\n  error?: string;\n  pending: boolean;\n  onCreate: (input: CreateTraceSignalDefinitionInput) => Promise<void>;\n  onUpdate: (id: string, input: UpdateTraceSignalDefinitionInput) => Promise<void>;\n}\n\ntype FormValue = CreateTraceSignalDefinitionInput;\ntype FormErrors = Partial<Record<keyof FormValue, string>>;\n\nfunction initialValue(definition?: TraceSignalDefinition): FormValue {\n  return definition\n    ? {\n        name: definition.name,\n        displayLabel: definition.displayLabel,\n        description: definition.description,\n        taskPrompt: definition.taskPrompt,\n      }\n    : {\n        name: '',\n        displayLabel: '',\n        description: '',\n        taskPrompt: '',\n      };\n}\n\nfunction validate(value: FormValue, editing: boolean): FormErrors {\n  const errors: FormErrors = {};\n  if (!editing && (!/^[a-z][a-z0-9_-]{1,31}$/.test(value.name) || reservedNames.has(value.name))) {\n    errors.name = 'Use an unreserved lowercase slug of 2–32 letters, numbers, underscores, or hyphens.';\n  }\n  if (!value.displayLabel.trim()) errors.displayLabel = 'Display label is required.';\n  if (!value.taskPrompt.trim() || value.taskPrompt.length > 2000) {\n    errors.taskPrompt = 'Signal instructions are required and must be at most 2,000 characters.';\n  }\n  return errors;\n}\n\nexport function SignalDefinitionFormDialog({\n  open,\n  onOpenChange,\n  definition,\n  error,\n  pending,\n  onCreate,\n  onUpdate,\n}: SignalDefinitionFormDialogProps) {\n  const formId = useId();\n  const [value, setValue] = useState(() => initialValue(definition));\n  const [validationErrors, setValidationErrors] = useState<FormErrors>({});\n  const editing = Boolean(definition);\n\n  const setField = <Key extends keyof FormValue>(key: Key, fieldValue: FormValue[Key]) => {\n    setValue(current => ({ ...current, [key]: fieldValue }));\n    setValidationErrors(current => ({ ...current, [key]: undefined }));\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange} pending={pending}>\n      <DialogContent size=\"lg\">\n        <DialogHeader>\n          <DialogTitle>{editing ? 'Edit custom signal' : 'Create custom signal'}</DialogTitle>\n          <DialogDescription>\n            Definitions belong to the organization. Every signal receives all available bounded trace context.\n          </DialogDescription>\n        </DialogHeader>\n        <DialogBody>\n          <form\n            id={formId}\n            className=\"space-y-4\"\n            onSubmit={event => {\n              event.preventDefault();\n              const errors = validate(value, editing);\n              setValidationErrors(errors);\n              if (Object.keys(errors).length > 0) return;\n              const action = definition\n                ? onUpdate(definition.id, {\n                    displayLabel: value.displayLabel,\n                    description: value.description,\n                    taskPrompt: value.taskPrompt,\n                  })\n                : onCreate(value);\n              void action.then(() => onOpenChange(false)).catch(() => undefined);\n            }}\n          >\n            <TextFieldBlock\n              id=\"input-name\"\n              name=\"name\"\n              label=\"Signal name\"\n              helpText=\"A stable lowercase slug. It cannot be changed after creation.\"\n              placeholder=\"handoff_quality\"\n              value={value.name}\n              disabled={editing || pending}\n              errorMsg={validationErrors.name}\n              onChange={event => setField('name', event.target.value)}\n            />\n            <TextFieldBlock\n              id=\"input-displayLabel\"\n              name=\"displayLabel\"\n              label=\"Display label\"\n              placeholder=\"Handoff quality\"\n              value={value.displayLabel}\n              disabled={pending}\n              errorMsg={validationErrors.displayLabel}\n              onChange={event => setField('displayLabel', event.target.value)}\n            />\n            <FieldBlock.Layout>\n              <FieldBlock.Column>\n                <FieldBlock.Label name=\"description\">Description</FieldBlock.Label>\n                <Textarea\n                  id=\"input-description\"\n                  rows={2}\n                  value={value.description}\n                  disabled={pending}\n                  onChange={event => setField('description', event.target.value)}\n                />\n              </FieldBlock.Column>\n              <FieldBlock.Column>\n                <FieldBlock.Label name=\"taskPrompt\">Signal instructions</FieldBlock.Label>\n                <Textarea\n                  id=\"input-taskPrompt\"\n                  rows={5}\n                  value={value.taskPrompt}\n                  disabled={pending}\n                  placeholder=\"Describe what this signal should evaluate and how the result should be written.\"\n                  error={Boolean(validationErrors.taskPrompt)}\n                  aria-describedby={validationErrors.taskPrompt ? fieldErrorId('taskPrompt') : undefined}\n                  onChange={event => setField('taskPrompt', event.target.value)}\n                />\n                <FieldBlock.HelpText>\n                  Tell the model what to evaluate and what the signal result should contain. {value.taskPrompt.length}\n                  /2,000 characters\n                </FieldBlock.HelpText>\n                {validationErrors.taskPrompt ? (\n                  <FieldBlock.ErrorMsg name=\"taskPrompt\">{validationErrors.taskPrompt}</FieldBlock.ErrorMsg>\n                ) : null}\n              </FieldBlock.Column>\n            </FieldBlock.Layout>\n            {editing ? (\n              <Txt variant=\"meta\" tone=\"muted\">\n                Instruction changes create a new version and apply only to new traces. Existing analysis is unchanged.\n              </Txt>\n            ) : null}\n            {error ? (\n              <div role=\"alert\">\n                <Notice variant=\"destructive\">{error}</Notice>\n              </div>\n            ) : null}\n          </form>\n        </DialogBody>\n        <DialogFooter>\n          <DialogCancel>Cancel</DialogCancel>\n          <DialogAction type=\"submit\" form={formId}>\n            {editing ? 'Save signal' : 'Create signal'}\n          </DialogAction>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"names":["useId","useState","jsx","Dialog","jsxs","DialogContent","DialogHeader","DialogTitle","DialogDescription","DialogBody","TextFieldBlock","FieldBlock","Textarea","fieldErrorId","Txt","Notice","DialogFooter","DialogCancel","DialogAction"],"mappings":"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"}
+{"version":3,"file":"signal-definition-form-dialog.cjs.js","sources":["../../../../src/ee/signals/settings/signal-definition-form-dialog.tsx"],"sourcesContent":["import type {\n  CreateTraceSignalDefinitionInput,\n  TraceSignalDefinition,\n  UpdateTraceSignalDefinitionInput,\n} from '@mastra/client-js';\nimport { useId, useState } from 'react';\n\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 { Field, FieldDescription, FieldError, FieldLabel } from '@/ds/components/Field';\nimport { Form } from '@/ds/components/Form';\nimport { Input } from '@/ds/components/Input';\nimport { Notice } from '@/ds/components/Notice';\nimport { Textarea } from '@/ds/components/Textarea';\nimport { Txt } from '@/ds/components/Txt';\n\nconst reservedNames = new Set([\n  'goal',\n  'sentiment',\n  'behavior',\n  'outcome',\n  'intent',\n  'summary',\n  'tags',\n  'theme',\n  'noise',\n]);\n\nexport interface SignalDefinitionFormDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  definition?: TraceSignalDefinition;\n  error?: string;\n  pending: boolean;\n  onCreate: (input: CreateTraceSignalDefinitionInput) => Promise<void>;\n  onUpdate: (id: string, input: UpdateTraceSignalDefinitionInput) => Promise<void>;\n}\n\ntype FormValue = CreateTraceSignalDefinitionInput;\ntype FormErrors = Partial<Record<keyof FormValue, string>>;\n\nfunction initialValue(definition?: TraceSignalDefinition): FormValue {\n  return definition\n    ? {\n        name: definition.name,\n        displayLabel: definition.displayLabel,\n        description: definition.description,\n        taskPrompt: definition.taskPrompt,\n      }\n    : {\n        name: '',\n        displayLabel: '',\n        description: '',\n        taskPrompt: '',\n      };\n}\n\nfunction validate(value: FormValue, editing: boolean): FormErrors {\n  const errors: FormErrors = {};\n  if (!editing && (!/^[a-z][a-z0-9_-]{1,31}$/.test(value.name) || reservedNames.has(value.name))) {\n    errors.name = 'Use an unreserved lowercase slug of 2–32 letters, numbers, underscores, or hyphens.';\n  }\n  if (!value.displayLabel.trim()) errors.displayLabel = 'Display label is required.';\n  if (!value.taskPrompt.trim() || value.taskPrompt.length > 2000) {\n    errors.taskPrompt = 'Signal instructions are required and must be at most 2,000 characters.';\n  }\n  return errors;\n}\n\nexport function SignalDefinitionFormDialog({\n  open,\n  onOpenChange,\n  definition,\n  error,\n  pending,\n  onCreate,\n  onUpdate,\n}: SignalDefinitionFormDialogProps) {\n  const formId = useId();\n  const [value, setValue] = useState(() => initialValue(definition));\n  const [validationErrors, setValidationErrors] = useState<FormErrors>({});\n  const editing = Boolean(definition);\n\n  const setField = <Key extends keyof FormValue>(key: Key, fieldValue: FormValue[Key]) => {\n    setValue(current => ({ ...current, [key]: fieldValue }));\n    setValidationErrors(current => ({ ...current, [key]: undefined }));\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange} pending={pending}>\n      <DialogContent size=\"lg\">\n        <DialogHeader>\n          <DialogTitle>{editing ? 'Edit custom signal' : 'Create custom signal'}</DialogTitle>\n          <DialogDescription>\n            Definitions belong to the organization. Every signal receives all available bounded trace context.\n          </DialogDescription>\n        </DialogHeader>\n        <DialogBody>\n          <Form\n            id={formId}\n            onSubmit={event => {\n              event.preventDefault();\n              const errors = validate(value, editing);\n              setValidationErrors(errors);\n              if (Object.keys(errors).length > 0) return;\n              const action = definition\n                ? onUpdate(definition.id, {\n                    displayLabel: value.displayLabel,\n                    description: value.description,\n                    taskPrompt: value.taskPrompt,\n                  })\n                : onCreate(value);\n              void action.then(() => onOpenChange(false)).catch(() => undefined);\n            }}\n          >\n            <Field invalid={Boolean(validationErrors.name)} disabled={editing || pending}>\n              <FieldLabel>Signal name</FieldLabel>\n              <Input\n                name=\"name\"\n                placeholder=\"handoff_quality\"\n                value={value.name}\n                onChange={event => setField('name', event.target.value)}\n              />\n              <FieldDescription>A stable lowercase slug. It cannot be changed after creation.</FieldDescription>\n              <FieldError>{validationErrors.name}</FieldError>\n            </Field>\n            <Field invalid={Boolean(validationErrors.displayLabel)} disabled={pending}>\n              <FieldLabel>Display label</FieldLabel>\n              <Input\n                name=\"displayLabel\"\n                placeholder=\"Handoff quality\"\n                value={value.displayLabel}\n                onChange={event => setField('displayLabel', event.target.value)}\n              />\n              <FieldError>{validationErrors.displayLabel}</FieldError>\n            </Field>\n            <Field disabled={pending}>\n              <FieldLabel>Description</FieldLabel>\n              <Textarea\n                name=\"description\"\n                rows={2}\n                value={value.description}\n                onChange={event => setField('description', event.target.value)}\n              />\n            </Field>\n            <Field invalid={Boolean(validationErrors.taskPrompt)} disabled={pending}>\n              <FieldLabel>Signal instructions</FieldLabel>\n              <Textarea\n                name=\"taskPrompt\"\n                rows={5}\n                value={value.taskPrompt}\n                placeholder=\"Describe what this signal should evaluate and how the result should be written.\"\n                onChange={event => setField('taskPrompt', event.target.value)}\n              />\n              <FieldDescription>\n                Tell the model what to evaluate and what the signal result should contain. {value.taskPrompt.length}\n                /2,000 characters\n              </FieldDescription>\n              <FieldError>{validationErrors.taskPrompt}</FieldError>\n            </Field>\n            {editing ? (\n              <Txt variant=\"meta\" tone=\"muted\">\n                Instruction changes create a new version and apply only to new traces. Existing analysis is unchanged.\n              </Txt>\n            ) : null}\n            {error ? (\n              <div role=\"alert\">\n                <Notice variant=\"destructive\">{error}</Notice>\n              </div>\n            ) : null}\n          </Form>\n        </DialogBody>\n        <DialogFooter>\n          <DialogCancel>Cancel</DialogCancel>\n          <DialogAction type=\"submit\" form={formId}>\n            {editing ? 'Save signal' : 'Create signal'}\n          </DialogAction>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"names":["useId","useState","jsx","Dialog","jsxs","DialogContent","DialogHeader","DialogTitle","DialogDescription","DialogBody","Form","Field","FieldLabel","Input","FieldDescription","FieldError","Textarea","Txt","Notice","DialogFooter","DialogCancel","DialogAction"],"mappings":"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"}

package/dist/ee/signals/settings/signal-definition-form-dialog.es.js

@@ -1,11 +1,12 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useId, useState } from 'react';
 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 { F as FieldBlock } from '../../../field-block--PeppIRb.js';
-import { f as fieldErrorId } from '../../../field-error-id-D3yg1nBh.js';
-import { T as TextFieldBlock } from '../../../text-field-block-DZaGiu5D.js';
+import { F as Field, e as FieldLabel, b as FieldDescription, c as FieldError } from '../../../field-BtvEQ68O.js';
+import '../../../field-control-aria-DB6y41tQ.js';
+import { F as Form } from '../../../form-uj2xap-j.js';
+import { I as Input } from '../../../input-D5_B67_r.js';
 import { N as Notice } from '../../../Notice-B8RIClJD.js';
-import { T as Textarea } from '../../../textarea-B6wvS_CQ.js';
+import { T as Textarea } from '../../../textarea-CxPNKg2q.js';
 import { T as Txt } from '../../../Txt-BP1SRHmL.js';
 import { D as DialogAction } from '../../../dialog-action-CB3h9Z2J.js';
 
@@ -67,10 +68,9 @@ function SignalDefinitionFormDialog({
       /* @__PURE__ */ jsx(DialogDescription, { children: "Definitions belong to the organization. Every signal receives all available bounded trace context." })
     ] }),
     /* @__PURE__ */ jsx(DialogBody, { children: /* @__PURE__ */ jsxs(
-      "form",
+      Form,
       {
         id: formId,
-        className: "space-y-4",
         onSubmit: (event) => {
           event.preventDefault();
           const errors = validate(value, editing);
@@ -84,69 +84,63 @@ function SignalDefinitionFormDialog({
           void action.then(() => onOpenChange(false)).catch(() => void 0);
         },
         children: [
-          /* @__PURE__ */ jsx(
-            TextFieldBlock,
-            {
-              id: "input-name",
-              name: "name",
-              label: "Signal name",
-              helpText: "A stable lowercase slug. It cannot be changed after creation.",
-              placeholder: "handoff_quality",
-              value: value.name,
-              disabled: editing || pending,
-              errorMsg: validationErrors.name,
-              onChange: (event) => setField("name", event.target.value)
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            TextFieldBlock,
-            {
-              id: "input-displayLabel",
-              name: "displayLabel",
-              label: "Display label",
-              placeholder: "Handoff quality",
-              value: value.displayLabel,
-              disabled: pending,
-              errorMsg: validationErrors.displayLabel,
-              onChange: (event) => setField("displayLabel", event.target.value)
-            }
-          ),
-          /* @__PURE__ */ jsxs(FieldBlock.Layout, { children: [
-            /* @__PURE__ */ jsxs(FieldBlock.Column, { children: [
-              /* @__PURE__ */ jsx(FieldBlock.Label, { name: "description", children: "Description" }),
-              /* @__PURE__ */ jsx(
-                Textarea,
-                {
-                  id: "input-description",
-                  rows: 2,
-                  value: value.description,
-                  disabled: pending,
-                  onChange: (event) => setField("description", event.target.value)
-                }
-              )
+          /* @__PURE__ */ jsxs(Field, { invalid: Boolean(validationErrors.name), disabled: editing || pending, children: [
+            /* @__PURE__ */ jsx(FieldLabel, { children: "Signal name" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                name: "name",
+                placeholder: "handoff_quality",
+                value: value.name,
+                onChange: (event) => setField("name", event.target.value)
+              }
+            ),
+            /* @__PURE__ */ jsx(FieldDescription, { children: "A stable lowercase slug. It cannot be changed after creation." }),
+            /* @__PURE__ */ jsx(FieldError, { children: validationErrors.name })
+          ] }),
+          /* @__PURE__ */ jsxs(Field, { invalid: Boolean(validationErrors.displayLabel), disabled: pending, children: [
+            /* @__PURE__ */ jsx(FieldLabel, { children: "Display label" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                name: "displayLabel",
+                placeholder: "Handoff quality",
+                value: value.displayLabel,
+                onChange: (event) => setField("displayLabel", event.target.value)
+              }
+            ),
+            /* @__PURE__ */ jsx(FieldError, { children: validationErrors.displayLabel })
+          ] }),
+          /* @__PURE__ */ jsxs(Field, { disabled: pending, children: [
+            /* @__PURE__ */ jsx(FieldLabel, { children: "Description" }),
+            /* @__PURE__ */ jsx(
+              Textarea,
+              {
+                name: "description",
+                rows: 2,
+                value: value.description,
+                onChange: (event) => setField("description", event.target.value)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(Field, { invalid: Boolean(validationErrors.taskPrompt), disabled: pending, children: [
+            /* @__PURE__ */ jsx(FieldLabel, { children: "Signal instructions" }),
+            /* @__PURE__ */ jsx(
+              Textarea,
+              {
+                name: "taskPrompt",
+                rows: 5,
+                value: value.taskPrompt,
+                placeholder: "Describe what this signal should evaluate and how the result should be written.",
+                onChange: (event) => setField("taskPrompt", event.target.value)
+              }
+            ),
+            /* @__PURE__ */ jsxs(FieldDescription, { children: [
+              "Tell the model what to evaluate and what the signal result should contain. ",
+              value.taskPrompt.length,
+              "/2,000 characters"
             ] }),
-            /* @__PURE__ */ jsxs(FieldBlock.Column, { children: [
-              /* @__PURE__ */ jsx(FieldBlock.Label, { name: "taskPrompt", children: "Signal instructions" }),
-              /* @__PURE__ */ jsx(
-                Textarea,
-                {
-                  id: "input-taskPrompt",
-                  rows: 5,
-                  value: value.taskPrompt,
-                  disabled: pending,
-                  placeholder: "Describe what this signal should evaluate and how the result should be written.",
-                  error: Boolean(validationErrors.taskPrompt),
-                  "aria-describedby": validationErrors.taskPrompt ? fieldErrorId("taskPrompt") : void 0,
-                  onChange: (event) => setField("taskPrompt", event.target.value)
-                }
-              ),
-              /* @__PURE__ */ jsxs(FieldBlock.HelpText, { children: [
-                "Tell the model what to evaluate and what the signal result should contain. ",
-                value.taskPrompt.length,
-                "/2,000 characters"
-              ] }),
-              validationErrors.taskPrompt ? /* @__PURE__ */ jsx(FieldBlock.ErrorMsg, { name: "taskPrompt", children: validationErrors.taskPrompt }) : null
-            ] })
+            /* @__PURE__ */ jsx(FieldError, { children: validationErrors.taskPrompt })
           ] }),
           editing ? /* @__PURE__ */ jsx(Txt, { variant: "meta", tone: "muted", children: "Instruction changes create a new version and apply only to new traces. Existing analysis is unchanged." }) : null,
           error ? /* @__PURE__ */ jsx("div", { role: "alert", children: /* @__PURE__ */ jsx(Notice, { variant: "destructive", children: error }) }) : null

package/dist/ee/signals/settings/signal-definition-form-dialog.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"signal-definition-form-dialog.es.js","sources":["../../../../src/ee/signals/settings/signal-definition-form-dialog.tsx"],"sourcesContent":["import type {\n  CreateTraceSignalDefinitionInput,\n  TraceSignalDefinition,\n  UpdateTraceSignalDefinitionInput,\n} from '@mastra/client-js';\nimport { useId, useState } from 'react';\n\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 { FieldBlock, TextFieldBlock, fieldErrorId } from '@/ds/components/FormFieldBlocks';\nimport { Notice } from '@/ds/components/Notice';\nimport { Textarea } from '@/ds/components/Textarea';\nimport { Txt } from '@/ds/components/Txt';\n\nconst reservedNames = new Set([\n  'goal',\n  'sentiment',\n  'behavior',\n  'outcome',\n  'intent',\n  'summary',\n  'tags',\n  'theme',\n  'noise',\n]);\n\nexport interface SignalDefinitionFormDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  definition?: TraceSignalDefinition;\n  error?: string;\n  pending: boolean;\n  onCreate: (input: CreateTraceSignalDefinitionInput) => Promise<void>;\n  onUpdate: (id: string, input: UpdateTraceSignalDefinitionInput) => Promise<void>;\n}\n\ntype FormValue = CreateTraceSignalDefinitionInput;\ntype FormErrors = Partial<Record<keyof FormValue, string>>;\n\nfunction initialValue(definition?: TraceSignalDefinition): FormValue {\n  return definition\n    ? {\n        name: definition.name,\n        displayLabel: definition.displayLabel,\n        description: definition.description,\n        taskPrompt: definition.taskPrompt,\n      }\n    : {\n        name: '',\n        displayLabel: '',\n        description: '',\n        taskPrompt: '',\n      };\n}\n\nfunction validate(value: FormValue, editing: boolean): FormErrors {\n  const errors: FormErrors = {};\n  if (!editing && (!/^[a-z][a-z0-9_-]{1,31}$/.test(value.name) || reservedNames.has(value.name))) {\n    errors.name = 'Use an unreserved lowercase slug of 2–32 letters, numbers, underscores, or hyphens.';\n  }\n  if (!value.displayLabel.trim()) errors.displayLabel = 'Display label is required.';\n  if (!value.taskPrompt.trim() || value.taskPrompt.length > 2000) {\n    errors.taskPrompt = 'Signal instructions are required and must be at most 2,000 characters.';\n  }\n  return errors;\n}\n\nexport function SignalDefinitionFormDialog({\n  open,\n  onOpenChange,\n  definition,\n  error,\n  pending,\n  onCreate,\n  onUpdate,\n}: SignalDefinitionFormDialogProps) {\n  const formId = useId();\n  const [value, setValue] = useState(() => initialValue(definition));\n  const [validationErrors, setValidationErrors] = useState<FormErrors>({});\n  const editing = Boolean(definition);\n\n  const setField = <Key extends keyof FormValue>(key: Key, fieldValue: FormValue[Key]) => {\n    setValue(current => ({ ...current, [key]: fieldValue }));\n    setValidationErrors(current => ({ ...current, [key]: undefined }));\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange} pending={pending}>\n      <DialogContent size=\"lg\">\n        <DialogHeader>\n          <DialogTitle>{editing ? 'Edit custom signal' : 'Create custom signal'}</DialogTitle>\n          <DialogDescription>\n            Definitions belong to the organization. Every signal receives all available bounded trace context.\n          </DialogDescription>\n        </DialogHeader>\n        <DialogBody>\n          <form\n            id={formId}\n            className=\"space-y-4\"\n            onSubmit={event => {\n              event.preventDefault();\n              const errors = validate(value, editing);\n              setValidationErrors(errors);\n              if (Object.keys(errors).length > 0) return;\n              const action = definition\n                ? onUpdate(definition.id, {\n                    displayLabel: value.displayLabel,\n                    description: value.description,\n                    taskPrompt: value.taskPrompt,\n                  })\n                : onCreate(value);\n              void action.then(() => onOpenChange(false)).catch(() => undefined);\n            }}\n          >\n            <TextFieldBlock\n              id=\"input-name\"\n              name=\"name\"\n              label=\"Signal name\"\n              helpText=\"A stable lowercase slug. It cannot be changed after creation.\"\n              placeholder=\"handoff_quality\"\n              value={value.name}\n              disabled={editing || pending}\n              errorMsg={validationErrors.name}\n              onChange={event => setField('name', event.target.value)}\n            />\n            <TextFieldBlock\n              id=\"input-displayLabel\"\n              name=\"displayLabel\"\n              label=\"Display label\"\n              placeholder=\"Handoff quality\"\n              value={value.displayLabel}\n              disabled={pending}\n              errorMsg={validationErrors.displayLabel}\n              onChange={event => setField('displayLabel', event.target.value)}\n            />\n            <FieldBlock.Layout>\n              <FieldBlock.Column>\n                <FieldBlock.Label name=\"description\">Description</FieldBlock.Label>\n                <Textarea\n                  id=\"input-description\"\n                  rows={2}\n                  value={value.description}\n                  disabled={pending}\n                  onChange={event => setField('description', event.target.value)}\n                />\n              </FieldBlock.Column>\n              <FieldBlock.Column>\n                <FieldBlock.Label name=\"taskPrompt\">Signal instructions</FieldBlock.Label>\n                <Textarea\n                  id=\"input-taskPrompt\"\n                  rows={5}\n                  value={value.taskPrompt}\n                  disabled={pending}\n                  placeholder=\"Describe what this signal should evaluate and how the result should be written.\"\n                  error={Boolean(validationErrors.taskPrompt)}\n                  aria-describedby={validationErrors.taskPrompt ? fieldErrorId('taskPrompt') : undefined}\n                  onChange={event => setField('taskPrompt', event.target.value)}\n                />\n                <FieldBlock.HelpText>\n                  Tell the model what to evaluate and what the signal result should contain. {value.taskPrompt.length}\n                  /2,000 characters\n                </FieldBlock.HelpText>\n                {validationErrors.taskPrompt ? (\n                  <FieldBlock.ErrorMsg name=\"taskPrompt\">{validationErrors.taskPrompt}</FieldBlock.ErrorMsg>\n                ) : null}\n              </FieldBlock.Column>\n            </FieldBlock.Layout>\n            {editing ? (\n              <Txt variant=\"meta\" tone=\"muted\">\n                Instruction changes create a new version and apply only to new traces. Existing analysis is unchanged.\n              </Txt>\n            ) : null}\n            {error ? (\n              <div role=\"alert\">\n                <Notice variant=\"destructive\">{error}</Notice>\n              </div>\n            ) : null}\n          </form>\n        </DialogBody>\n        <DialogFooter>\n          <DialogCancel>Cancel</DialogCancel>\n          <DialogAction type=\"submit\" form={formId}>\n            {editing ? 'Save signal' : 'Create signal'}\n          </DialogAction>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAuBA,MAAM,aAAA,uBAAoB,GAAA,CAAI;AAAA,EAC5B,MAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAC,CAAA;AAeD,SAAS,aAAa,UAAA,EAA+C;AACnE,EAAA,OAAO,UAAA,GACH;AAAA,IACE,MAAM,UAAA,CAAW,IAAA;AAAA,IACjB,cAAc,UAAA,CAAW,YAAA;AAAA,IACzB,aAAa,UAAA,CAAW,WAAA;AAAA,IACxB,YAAY,UAAA,CAAW;AAAA,GACzB,GACA;AAAA,IACE,IAAA,EAAM,EAAA;AAAA,IACN,YAAA,EAAc,EAAA;AAAA,IACd,WAAA,EAAa,EAAA;AAAA,IACb,UAAA,EAAY;AAAA,GACd;AACN;AAEA,SAAS,QAAA,CAAS,OAAkB,OAAA,EAA8B;AAChE,EAAA,MAAM,SAAqB,EAAC;AAC5B,EAAA,IAAI,CAAC,OAAA,KAAY,CAAC,yBAAA,CAA0B,IAAA,CAAK,KAAA,CAAM,IAAI,CAAA,IAAK,aAAA,CAAc,GAAA,CAAI,KAAA,CAAM,IAAI,CAAA,CAAA,EAAI;AAC9F,IAAA,MAAA,CAAO,IAAA,GAAO,qFAAA;AAAA,EAChB;AACA,EAAA,IAAI,CAAC,KAAA,CAAM,YAAA,CAAa,IAAA,EAAK,SAAU,YAAA,GAAe,4BAAA;AACtD,EAAA,IAAI,CAAC,MAAM,UAAA,CAAW,IAAA,MAAU,KAAA,CAAM,UAAA,CAAW,SAAS,GAAA,EAAM;AAC9D,IAAA,MAAA,CAAO,UAAA,GAAa,wEAAA;AAAA,EACtB;AACA,EAAA,OAAO,MAAA;AACT;AAEO,SAAS,0BAAA,CAA2B;AAAA,EACzC,IAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAAoC;AAClC,EAAA,MAAM,SAAS,KAAA,EAAM;AACrB,EAAA,MAAM,CAAC,OAAO,QAAQ,CAAA,GAAI,SAAS,MAAM,YAAA,CAAa,UAAU,CAAC,CAAA;AACjE,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,QAAA,CAAqB,EAAE,CAAA;AACvE,EAAA,MAAM,OAAA,GAAU,QAAQ,UAAU,CAAA;AAElC,EAAA,MAAM,QAAA,GAAW,CAA8B,GAAA,EAAU,UAAA,KAA+B;AACtF,IAAA,QAAA,CAAS,CAAA,OAAA,MAAY,EAAE,GAAG,OAAA,EAAS,CAAC,GAAG,GAAG,YAAW,CAAE,CAAA;AACvD,IAAA,mBAAA,CAAoB,CAAA,OAAA,MAAY,EAAE,GAAG,OAAA,EAAS,CAAC,GAAG,GAAG,QAAU,CAAE,CAAA;AAAA,EACnE,CAAA;AAEA,EAAA,uBACE,GAAA,CAAC,UAAO,IAAA,EAAY,YAAA,EAA4B,SAC9C,QAAA,kBAAA,IAAA,CAAC,aAAA,EAAA,EAAc,MAAK,IAAA,EAClB,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,WAAA,EAAA,EAAa,QAAA,EAAA,OAAA,GAAU,oBAAA,GAAuB,sBAAA,EAAuB,CAAA;AAAA,sBACtE,GAAA,CAAC,qBAAkB,QAAA,EAAA,oGAAA,EAEnB;AAAA,KAAA,EACF,CAAA;AAAA,wBACC,UAAA,EAAA,EACC,QAAA,kBAAA,IAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,EAAA,EAAI,MAAA;AAAA,QACJ,SAAA,EAAU,WAAA;AAAA,QACV,UAAU,CAAA,KAAA,KAAS;AACjB,UAAA,KAAA,CAAM,cAAA,EAAe;AACrB,UAAA,MAAM,MAAA,GAAS,QAAA,CAAS,KAAA,EAAO,OAAO,CAAA;AACtC,UAAA,mBAAA,CAAoB,MAAM,CAAA;AAC1B,UAAA,IAAI,MAAA,CAAO,IAAA,CAAK,MAAM,CAAA,CAAE,SAAS,CAAA,EAAG;AACpC,UAAA,MAAM,MAAA,GAAS,UAAA,GACX,QAAA,CAAS,UAAA,CAAW,EAAA,EAAI;AAAA,YACtB,cAAc,KAAA,CAAM,YAAA;AAAA,YACpB,aAAa,KAAA,CAAM,WAAA;AAAA,YACnB,YAAY,KAAA,CAAM;AAAA,WACnB,CAAA,GACD,QAAA,CAAS,KAAK,CAAA;AAClB,UAAA,KAAK,MAAA,CAAO,KAAK,MAAM,YAAA,CAAa,KAAK,CAAC,CAAA,CAAE,KAAA,CAAM,MAAM,MAAS,CAAA;AAAA,QACnE,CAAA;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,cAAA;AAAA,YAAA;AAAA,cACC,EAAA,EAAG,YAAA;AAAA,cACH,IAAA,EAAK,MAAA;AAAA,cACL,KAAA,EAAM,aAAA;AAAA,cACN,QAAA,EAAS,+DAAA;AAAA,cACT,WAAA,EAAY,iBAAA;AAAA,cACZ,OAAO,KAAA,CAAM,IAAA;AAAA,cACb,UAAU,OAAA,IAAW,OAAA;AAAA,cACrB,UAAU,gBAAA,CAAiB,IAAA;AAAA,cAC3B,UAAU,CAAA,KAAA,KAAS,QAAA,CAAS,MAAA,EAAQ,KAAA,CAAM,OAAO,KAAK;AAAA;AAAA,WACxD;AAAA,0BACA,GAAA;AAAA,YAAC,cAAA;AAAA,YAAA;AAAA,cACC,EAAA,EAAG,oBAAA;AAAA,cACH,IAAA,EAAK,cAAA;AAAA,cACL,KAAA,EAAM,eAAA;AAAA,cACN,WAAA,EAAY,iBAAA;AAAA,cACZ,OAAO,KAAA,CAAM,YAAA;AAAA,cACb,QAAA,EAAU,OAAA;AAAA,cACV,UAAU,gBAAA,CAAiB,YAAA;AAAA,cAC3B,UAAU,CAAA,KAAA,KAAS,QAAA,CAAS,cAAA,EAAgB,KAAA,CAAM,OAAO,KAAK;AAAA;AAAA,WAChE;AAAA,0BACA,IAAA,CAAC,UAAA,CAAW,MAAA,EAAX,EACC,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,UAAA,CAAW,QAAX,EACC,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,UAAA,CAAW,KAAA,EAAX,EAAiB,IAAA,EAAK,eAAc,QAAA,EAAA,aAAA,EAAW,CAAA;AAAA,8BAChD,GAAA;AAAA,gBAAC,QAAA;AAAA,gBAAA;AAAA,kBACC,EAAA,EAAG,mBAAA;AAAA,kBACH,IAAA,EAAM,CAAA;AAAA,kBACN,OAAO,KAAA,CAAM,WAAA;AAAA,kBACb,QAAA,EAAU,OAAA;AAAA,kBACV,UAAU,CAAA,KAAA,KAAS,QAAA,CAAS,aAAA,EAAe,KAAA,CAAM,OAAO,KAAK;AAAA;AAAA;AAC/D,aAAA,EACF,CAAA;AAAA,4BACA,IAAA,CAAC,UAAA,CAAW,MAAA,EAAX,EACC,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,UAAA,CAAW,KAAA,EAAX,EAAiB,IAAA,EAAK,cAAa,QAAA,EAAA,qBAAA,EAAmB,CAAA;AAAA,8BACvD,GAAA;AAAA,gBAAC,QAAA;AAAA,gBAAA;AAAA,kBACC,EAAA,EAAG,kBAAA;AAAA,kBACH,IAAA,EAAM,CAAA;AAAA,kBACN,OAAO,KAAA,CAAM,UAAA;AAAA,kBACb,QAAA,EAAU,OAAA;AAAA,kBACV,WAAA,EAAY,iFAAA;AAAA,kBACZ,KAAA,EAAO,OAAA,CAAQ,gBAAA,CAAiB,UAAU,CAAA;AAAA,kBAC1C,kBAAA,EAAkB,gBAAA,CAAiB,UAAA,GAAa,YAAA,CAAa,YAAY,CAAA,GAAI,MAAA;AAAA,kBAC7E,UAAU,CAAA,KAAA,KAAS,QAAA,CAAS,YAAA,EAAc,KAAA,CAAM,OAAO,KAAK;AAAA;AAAA,eAC9D;AAAA,8BACA,IAAA,CAAC,UAAA,CAAW,QAAA,EAAX,EAAoB,QAAA,EAAA;AAAA,gBAAA,6EAAA;AAAA,gBACyD,MAAM,UAAA,CAAW,MAAA;AAAA,gBAAO;AAAA,eAAA,EAEtG,CAAA;AAAA,cACC,gBAAA,CAAiB,UAAA,mBAChB,GAAA,CAAC,UAAA,CAAW,QAAA,EAAX,EAAoB,IAAA,EAAK,YAAA,EAAc,QAAA,EAAA,gBAAA,CAAiB,UAAA,EAAW,CAAA,GAClE;AAAA,aAAA,EACN;AAAA,WAAA,EACF,CAAA;AAAA,UACC,OAAA,uBACE,GAAA,EAAA,EAAI,OAAA,EAAQ,QAAO,IAAA,EAAK,OAAA,EAAQ,oHAEjC,CAAA,GACE,IAAA;AAAA,UACH,KAAA,mBACC,GAAA,CAAC,KAAA,EAAA,EAAI,IAAA,EAAK,OAAA,EACR,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,OAAA,EAAQ,aAAA,EAAe,QAAA,EAAA,KAAA,EAAM,CAAA,EACvC,CAAA,GACE;AAAA;AAAA;AAAA,KACN,EACF,CAAA;AAAA,yBACC,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,gBAAa,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,sBACpB,GAAA,CAAC,gBAAa,IAAA,EAAK,QAAA,EAAS,MAAM,MAAA,EAC/B,QAAA,EAAA,OAAA,GAAU,gBAAgB,eAAA,EAC7B;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"signal-definition-form-dialog.es.js","sources":["../../../../src/ee/signals/settings/signal-definition-form-dialog.tsx"],"sourcesContent":["import type {\n  CreateTraceSignalDefinitionInput,\n  TraceSignalDefinition,\n  UpdateTraceSignalDefinitionInput,\n} from '@mastra/client-js';\nimport { useId, useState } from 'react';\n\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 { Field, FieldDescription, FieldError, FieldLabel } from '@/ds/components/Field';\nimport { Form } from '@/ds/components/Form';\nimport { Input } from '@/ds/components/Input';\nimport { Notice } from '@/ds/components/Notice';\nimport { Textarea } from '@/ds/components/Textarea';\nimport { Txt } from '@/ds/components/Txt';\n\nconst reservedNames = new Set([\n  'goal',\n  'sentiment',\n  'behavior',\n  'outcome',\n  'intent',\n  'summary',\n  'tags',\n  'theme',\n  'noise',\n]);\n\nexport interface SignalDefinitionFormDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  definition?: TraceSignalDefinition;\n  error?: string;\n  pending: boolean;\n  onCreate: (input: CreateTraceSignalDefinitionInput) => Promise<void>;\n  onUpdate: (id: string, input: UpdateTraceSignalDefinitionInput) => Promise<void>;\n}\n\ntype FormValue = CreateTraceSignalDefinitionInput;\ntype FormErrors = Partial<Record<keyof FormValue, string>>;\n\nfunction initialValue(definition?: TraceSignalDefinition): FormValue {\n  return definition\n    ? {\n        name: definition.name,\n        displayLabel: definition.displayLabel,\n        description: definition.description,\n        taskPrompt: definition.taskPrompt,\n      }\n    : {\n        name: '',\n        displayLabel: '',\n        description: '',\n        taskPrompt: '',\n      };\n}\n\nfunction validate(value: FormValue, editing: boolean): FormErrors {\n  const errors: FormErrors = {};\n  if (!editing && (!/^[a-z][a-z0-9_-]{1,31}$/.test(value.name) || reservedNames.has(value.name))) {\n    errors.name = 'Use an unreserved lowercase slug of 2–32 letters, numbers, underscores, or hyphens.';\n  }\n  if (!value.displayLabel.trim()) errors.displayLabel = 'Display label is required.';\n  if (!value.taskPrompt.trim() || value.taskPrompt.length > 2000) {\n    errors.taskPrompt = 'Signal instructions are required and must be at most 2,000 characters.';\n  }\n  return errors;\n}\n\nexport function SignalDefinitionFormDialog({\n  open,\n  onOpenChange,\n  definition,\n  error,\n  pending,\n  onCreate,\n  onUpdate,\n}: SignalDefinitionFormDialogProps) {\n  const formId = useId();\n  const [value, setValue] = useState(() => initialValue(definition));\n  const [validationErrors, setValidationErrors] = useState<FormErrors>({});\n  const editing = Boolean(definition);\n\n  const setField = <Key extends keyof FormValue>(key: Key, fieldValue: FormValue[Key]) => {\n    setValue(current => ({ ...current, [key]: fieldValue }));\n    setValidationErrors(current => ({ ...current, [key]: undefined }));\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange} pending={pending}>\n      <DialogContent size=\"lg\">\n        <DialogHeader>\n          <DialogTitle>{editing ? 'Edit custom signal' : 'Create custom signal'}</DialogTitle>\n          <DialogDescription>\n            Definitions belong to the organization. Every signal receives all available bounded trace context.\n          </DialogDescription>\n        </DialogHeader>\n        <DialogBody>\n          <Form\n            id={formId}\n            onSubmit={event => {\n              event.preventDefault();\n              const errors = validate(value, editing);\n              setValidationErrors(errors);\n              if (Object.keys(errors).length > 0) return;\n              const action = definition\n                ? onUpdate(definition.id, {\n                    displayLabel: value.displayLabel,\n                    description: value.description,\n                    taskPrompt: value.taskPrompt,\n                  })\n                : onCreate(value);\n              void action.then(() => onOpenChange(false)).catch(() => undefined);\n            }}\n          >\n            <Field invalid={Boolean(validationErrors.name)} disabled={editing || pending}>\n              <FieldLabel>Signal name</FieldLabel>\n              <Input\n                name=\"name\"\n                placeholder=\"handoff_quality\"\n                value={value.name}\n                onChange={event => setField('name', event.target.value)}\n              />\n              <FieldDescription>A stable lowercase slug. It cannot be changed after creation.</FieldDescription>\n              <FieldError>{validationErrors.name}</FieldError>\n            </Field>\n            <Field invalid={Boolean(validationErrors.displayLabel)} disabled={pending}>\n              <FieldLabel>Display label</FieldLabel>\n              <Input\n                name=\"displayLabel\"\n                placeholder=\"Handoff quality\"\n                value={value.displayLabel}\n                onChange={event => setField('displayLabel', event.target.value)}\n              />\n              <FieldError>{validationErrors.displayLabel}</FieldError>\n            </Field>\n            <Field disabled={pending}>\n              <FieldLabel>Description</FieldLabel>\n              <Textarea\n                name=\"description\"\n                rows={2}\n                value={value.description}\n                onChange={event => setField('description', event.target.value)}\n              />\n            </Field>\n            <Field invalid={Boolean(validationErrors.taskPrompt)} disabled={pending}>\n              <FieldLabel>Signal instructions</FieldLabel>\n              <Textarea\n                name=\"taskPrompt\"\n                rows={5}\n                value={value.taskPrompt}\n                placeholder=\"Describe what this signal should evaluate and how the result should be written.\"\n                onChange={event => setField('taskPrompt', event.target.value)}\n              />\n              <FieldDescription>\n                Tell the model what to evaluate and what the signal result should contain. {value.taskPrompt.length}\n                /2,000 characters\n              </FieldDescription>\n              <FieldError>{validationErrors.taskPrompt}</FieldError>\n            </Field>\n            {editing ? (\n              <Txt variant=\"meta\" tone=\"muted\">\n                Instruction changes create a new version and apply only to new traces. Existing analysis is unchanged.\n              </Txt>\n            ) : null}\n            {error ? (\n              <div role=\"alert\">\n                <Notice variant=\"destructive\">{error}</Notice>\n              </div>\n            ) : null}\n          </Form>\n        </DialogBody>\n        <DialogFooter>\n          <DialogCancel>Cancel</DialogCancel>\n          <DialogAction type=\"submit\" form={formId}>\n            {editing ? 'Save signal' : 'Create signal'}\n          </DialogAction>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/ee/signals/settings/trace-signal-settings.cjs.js

@@ -13,7 +13,7 @@ const Button = require('../../../Button-CXhSUBxN.cjs');
 const components_DataDetailsPanel = require('../../../components/DataDetailsPanel.cjs.js');
 const Notice = require('../../../Notice-C4Tgmtgb.cjs');
 const skeleton = require('../../../skeleton-cXUjPrq9.cjs');
-const _switch = require('../../../switch-Swt75_Sb.cjs');
+const _switch = require('../../../switch-BlE5ReVZ.cjs');
 const Txt = require('../../../Txt-DPmEpNbp.cjs');
 
 function TraceSignalSettingsButton({ open, onClick }) {

package/dist/ee/signals/settings/trace-signal-settings.es.js

@@ -9,7 +9,7 @@ import { B as Button } from '../../../Button-D43ghVKt.js';
 import { DataDetailsPanel } from '../../../components/DataDetailsPanel.es.js';
 import { N as Notice } from '../../../Notice-B8RIClJD.js';
 import { S as Skeleton } from '../../../skeleton-BsRAXyh5.js';
-import { S as Switch } from '../../../switch-88fWFfVz.js';
+import { S as Switch } from '../../../switch-MZ1oHrmp.js';
 import { T as Txt } from '../../../Txt-BP1SRHmL.js';
 
 function TraceSignalSettingsButton({ open, onClick }) {

package/dist/ee/topics/components/topic-trace-summary-list.cjs.js

@@ -7,9 +7,9 @@ const lucideReact = require('lucide-react');
 const React = require('react');
 const ee_topics_utils = require('../utils.cjs.js');
 const Button = require('../../../Button-CXhSUBxN.cjs');
-const dataList = require('../../../data-list-Y42KyuI1.cjs');
+const dataList = require('../../../data-list-Bqf-fhMx.cjs');
 const useDataListKeyboard = require('../../../use-data-list-keyboard-DF3tLe10.cjs');
-const inputGroup = require('../../../input-group-BRhBfeHC.cjs');
+const searchInput = require('../../../search-input-T0orZ7Jf.cjs');
 
 function TopicTraceSummaryList({
   traces,
@@ -25,21 +25,18 @@ function TopicTraceSummaryList({
   );
   const { containerRef, getRowProps } = useDataListKeyboard.useDataListKeyboard({ count: visible.traces.length });
   return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "flex min-h-0 flex-1 flex-col gap-4", "aria-label": "Topic trace summaries", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(inputGroup.InputGroup, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(inputGroup.InputGroupAddon, { align: "inline-start", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, {}) }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        inputGroup.InputGroupInput,
-        {
-          type: "search",
-          "aria-label": "Search traces",
-          placeholder: "Search traces",
-          onChange: (event) => {
-            setSearch(event.target.value);
-            setPage(1);
-          }
+    /* @__PURE__ */ jsxRuntime.jsx(
+      searchInput.SearchInput,
+      {
+        label: "Search traces",
+        placeholder: "Search traces",
+        value: search,
+        onValueChange: (value) => {
+          setSearch(value);
+          setPage(1);
         }
-      )
-    ] }),
+      }
+    ),
     /* @__PURE__ */ jsxRuntime.jsxs(dataList.DataList, { columns: "minmax(12rem,1fr)", className: "min-h-0 flex-1", scrollRef: containerRef, children: [
       /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.Top, { children: /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.TopCells, { children: /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.TopCell, { children: "Trace summary" }) }) }),
       visible.traces.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.NoMatch, { message: "No traces match this subtopic." }) : visible.traces.map((trace, index) => /* @__PURE__ */ jsxRuntime.jsx(

package/dist/ee/topics/components/topic-trace-summary-list.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"topic-trace-summary-list.cjs.js","sources":["../../../../src/ee/topics/components/topic-trace-summary-list.tsx"],"sourcesContent":["import { SearchIcon, ChevronDown } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport type { TopicTraceSummary } from '../types';\nimport { getVisibleTraceSummaries } from '../utils';\nimport { Button } from '@/ds/components/Button';\nimport { DataList } from '@/ds/components/DataList/data-list';\nimport { useDataListKeyboard } from '@/ds/components/DataList/use-data-list-keyboard';\nimport { InputGroup, InputGroupAddon, InputGroupInput } from '@/ds/components/InputGroup';\n\nexport interface TopicTraceSummaryListProps {\n  traces: TopicTraceSummary[];\n  selectedTraceId?: string | null;\n  onTraceSelect: (trace: TopicTraceSummary) => void;\n  pageSize?: number;\n}\n\nexport function TopicTraceSummaryList({\n  traces,\n  selectedTraceId,\n  onTraceSelect,\n  pageSize = 25,\n}: TopicTraceSummaryListProps) {\n  const [search, setSearch] = useState('');\n  const [page, setPage] = useState(1);\n\n  const visible = useMemo(\n    () => getVisibleTraceSummaries(traces, { search, sort: 'newest', page, pageSize }),\n    [page, pageSize, search, traces],\n  );\n\n  const { containerRef, getRowProps } = useDataListKeyboard({ count: visible.traces.length });\n\n  return (\n    <section className=\"flex min-h-0 flex-1 flex-col gap-4\" aria-label=\"Topic trace summaries\">\n      <InputGroup>\n        <InputGroupAddon align=\"inline-start\">\n          <SearchIcon />\n        </InputGroupAddon>\n        <InputGroupInput\n          type=\"search\"\n          aria-label=\"Search traces\"\n          placeholder=\"Search traces\"\n          onChange={event => {\n            setSearch(event.target.value);\n            setPage(1);\n          }}\n        />\n      </InputGroup>\n\n      <DataList columns=\"minmax(12rem,1fr)\" className=\"min-h-0 flex-1\" scrollRef={containerRef}>\n        <DataList.Top>\n          <DataList.TopCells>\n            <DataList.TopCell>Trace summary</DataList.TopCell>\n          </DataList.TopCells>\n        </DataList.Top>\n\n        {visible.traces.length === 0 ? (\n          <DataList.NoMatch message=\"No traces match this subtopic.\" />\n        ) : (\n          visible.traces.map((trace, index) => (\n            <DataList.RowButton\n              key={trace.id}\n              {...getRowProps(index)}\n              featured={selectedTraceId === trace.id}\n              onClick={() => onTraceSelect(trace)}\n              aria-pressed={selectedTraceId === trace.id}\n            >\n              <DataList.TextCell>{trace.name ?? trace.id}</DataList.TextCell>\n            </DataList.RowButton>\n          ))\n        )}\n      </DataList>\n\n      {visible.hasMore ? (\n        <Button icon={<ChevronDown />} size=\"sm\" onClick={() => setPage(currentPage => currentPage + 1)}>\n          Load more traces ({visible.traces.length} of {visible.total})\n        </Button>\n      ) : null}\n    </section>\n  );\n}\n"],"names":["useState","useMemo","getVisibleTraceSummaries","useDataListKeyboard","jsxs","InputGroup","jsx","InputGroupAddon","SearchIcon","InputGroupInput","DataList","Button","ChevronDown"],"mappings":"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"}
+{"version":3,"file":"topic-trace-summary-list.cjs.js","sources":["../../../../src/ee/topics/components/topic-trace-summary-list.tsx"],"sourcesContent":["import { ChevronDown } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport type { TopicTraceSummary } from '../types';\nimport { getVisibleTraceSummaries } from '../utils';\nimport { Button } from '@/ds/components/Button';\nimport { DataList } from '@/ds/components/DataList/data-list';\nimport { useDataListKeyboard } from '@/ds/components/DataList/use-data-list-keyboard';\nimport { SearchInput } from '@/ds/components/SearchInput';\n\nexport interface TopicTraceSummaryListProps {\n  traces: TopicTraceSummary[];\n  selectedTraceId?: string | null;\n  onTraceSelect: (trace: TopicTraceSummary) => void;\n  pageSize?: number;\n}\n\nexport function TopicTraceSummaryList({\n  traces,\n  selectedTraceId,\n  onTraceSelect,\n  pageSize = 25,\n}: TopicTraceSummaryListProps) {\n  const [search, setSearch] = useState('');\n  const [page, setPage] = useState(1);\n\n  const visible = useMemo(\n    () => getVisibleTraceSummaries(traces, { search, sort: 'newest', page, pageSize }),\n    [page, pageSize, search, traces],\n  );\n\n  const { containerRef, getRowProps } = useDataListKeyboard({ count: visible.traces.length });\n\n  return (\n    <section className=\"flex min-h-0 flex-1 flex-col gap-4\" aria-label=\"Topic trace summaries\">\n      <SearchInput\n        label=\"Search traces\"\n        placeholder=\"Search traces\"\n        value={search}\n        onValueChange={value => {\n          setSearch(value);\n          setPage(1);\n        }}\n      />\n\n      <DataList columns=\"minmax(12rem,1fr)\" className=\"min-h-0 flex-1\" scrollRef={containerRef}>\n        <DataList.Top>\n          <DataList.TopCells>\n            <DataList.TopCell>Trace summary</DataList.TopCell>\n          </DataList.TopCells>\n        </DataList.Top>\n\n        {visible.traces.length === 0 ? (\n          <DataList.NoMatch message=\"No traces match this subtopic.\" />\n        ) : (\n          visible.traces.map((trace, index) => (\n            <DataList.RowButton\n              key={trace.id}\n              {...getRowProps(index)}\n              featured={selectedTraceId === trace.id}\n              onClick={() => onTraceSelect(trace)}\n              aria-pressed={selectedTraceId === trace.id}\n            >\n              <DataList.TextCell>{trace.name ?? trace.id}</DataList.TextCell>\n            </DataList.RowButton>\n          ))\n        )}\n      </DataList>\n\n      {visible.hasMore ? (\n        <Button icon={<ChevronDown />} size=\"sm\" onClick={() => setPage(currentPage => currentPage + 1)}>\n          Load more traces ({visible.traces.length} of {visible.total})\n        </Button>\n      ) : null}\n    </section>\n  );\n}\n"],"names":["useState","useMemo","getVisibleTraceSummaries","useDataListKeyboard","jsxs","jsx","SearchInput","DataList","Button","ChevronDown"],"mappings":";;;;;;;;;;;;;AAgBO,SAAS,qBAAA,CAAsB;AAAA,EACpC,MAAA;AAAA,EACA,eAAA;AAAA,EACA,aAAA;AAAA,EACA,QAAA,GAAW;AACb,CAAA,EAA+B;AAC7B,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIA,eAAS,EAAE,CAAA;AACvC,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIA,eAAS,CAAC,CAAA;AAElC,EAAA,MAAM,OAAA,GAAUC,aAAA;AAAA,IACd,MAAMC,yCAAyB,MAAA,EAAQ,EAAE,QAAQ,IAAA,EAAM,QAAA,EAAU,IAAA,EAAM,QAAA,EAAU,CAAA;AAAA,IACjF,CAAC,IAAA,EAAM,QAAA,EAAU,MAAA,EAAQ,MAAM;AAAA,GACjC;AAEA,EAAA,MAAM,EAAE,YAAA,EAAc,WAAA,EAAY,GAAIC,uCAAA,CAAoB,EAAE,KAAA,EAAO,OAAA,CAAQ,MAAA,CAAO,MAAA,EAAQ,CAAA;AAE1F,EAAA,uBACEC,eAAA,CAAC,SAAA,EAAA,EAAQ,SAAA,EAAU,oCAAA,EAAqC,cAAW,uBAAA,EACjE,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACC,uBAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAM,eAAA;AAAA,QACN,WAAA,EAAY,eAAA;AAAA,QACZ,KAAA,EAAO,MAAA;AAAA,QACP,eAAe,CAAA,KAAA,KAAS;AACtB,UAAA,SAAA,CAAU,KAAK,CAAA;AACf,UAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,QACX;AAAA;AAAA,KACF;AAAA,oCAECC,iBAAA,EAAA,EAAS,OAAA,EAAQ,qBAAoB,SAAA,EAAU,gBAAA,EAAiB,WAAW,YAAA,EAC1E,QAAA,EAAA;AAAA,sBAAAF,cAAA,CAACE,iBAAA,CAAS,GAAA,EAAT,EACC,QAAA,kBAAAF,cAAA,CAACE,iBAAA,CAAS,QAAA,EAAT,EACC,QAAA,kBAAAF,cAAA,CAACE,iBAAA,CAAS,OAAA,EAAT,EAAiB,QAAA,EAAA,eAAA,EAAa,GACjC,CAAA,EACF,CAAA;AAAA,MAEC,QAAQ,MAAA,CAAO,MAAA,KAAW,CAAA,mBACzBF,cAAA,CAACE,kBAAS,OAAA,EAAT,EAAiB,OAAA,EAAQ,gCAAA,EAAiC,IAE3D,OAAA,CAAQ,MAAA,CAAO,GAAA,CAAI,CAAC,OAAO,KAAA,qBACzBF,cAAA;AAAA,QAACE,iBAAA,CAAS,SAAA;AAAA,QAAT;AAAA,UAEE,GAAG,YAAY,KAAK,CAAA;AAAA,UACrB,QAAA,EAAU,oBAAoB,KAAA,CAAM,EAAA;AAAA,UACpC,OAAA,EAAS,MAAM,aAAA,CAAc,KAAK,CAAA;AAAA,UAClC,cAAA,EAAc,oBAAoB,KAAA,CAAM,EAAA;AAAA,UAExC,yCAACA,iBAAA,CAAS,QAAA,EAAT,EAAmB,QAAA,EAAA,KAAA,CAAM,IAAA,IAAQ,MAAM,EAAA,EAAG;AAAA,SAAA;AAAA,QANtC,KAAA,CAAM;AAAA,OAQd;AAAA,KAAA,EAEL,CAAA;AAAA,IAEC,QAAQ,OAAA,mBACPH,eAAA,CAACI,aAAA,EAAA,EAAO,IAAA,iCAAOC,uBAAA,EAAA,EAAY,CAAA,EAAI,IAAA,EAAK,IAAA,EAAK,SAAS,MAAM,OAAA,CAAQ,CAAA,WAAA,KAAe,WAAA,GAAc,CAAC,CAAA,EAAG,QAAA,EAAA;AAAA,MAAA,oBAAA;AAAA,MAC5E,QAAQ,MAAA,CAAO,MAAA;AAAA,MAAO,MAAA;AAAA,MAAK,OAAA,CAAQ,KAAA;AAAA,MAAM;AAAA,KAAA,EAC9D,CAAA,GACE;AAAA,GAAA,EACN,CAAA;AAEJ;;;;"}

package/dist/ee/topics/components/topic-trace-summary-list.es.js

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { SearchIcon, ChevronDown } from 'lucide-react';
+import { ChevronDown } from 'lucide-react';
 import { useState, useMemo } from 'react';
 import { getVisibleTraceSummaries } from '../utils.es.js';
 import { B as Button } from '../../../Button-D43ghVKt.js';
-import { D as DataList } from '../../../data-list-CyeD_u-6.js';
+import { D as DataList } from '../../../data-list-CEIYm7FY.js';
 import { u as useDataListKeyboard } from '../../../use-data-list-keyboard-DFQr4t38.js';
-import { I as InputGroup, a as InputGroupAddon, c as InputGroupInput } from '../../../input-group-0G9ZX_cM.js';
+import { S as SearchInput } from '../../../search-input-BKXiYeed.js';
 
 function TopicTraceSummaryList({
   traces,
@@ -21,21 +21,18 @@ function TopicTraceSummaryList({
   );
   const { containerRef, getRowProps } = useDataListKeyboard({ count: visible.traces.length });
   return /* @__PURE__ */ jsxs("section", { className: "flex min-h-0 flex-1 flex-col gap-4", "aria-label": "Topic trace summaries", children: [
-    /* @__PURE__ */ jsxs(InputGroup, { children: [
-      /* @__PURE__ */ jsx(InputGroupAddon, { align: "inline-start", children: /* @__PURE__ */ jsx(SearchIcon, {}) }),
-      /* @__PURE__ */ jsx(
-        InputGroupInput,
-        {
-          type: "search",
-          "aria-label": "Search traces",
-          placeholder: "Search traces",
-          onChange: (event) => {
-            setSearch(event.target.value);
-            setPage(1);
-          }
+    /* @__PURE__ */ jsx(
+      SearchInput,
+      {
+        label: "Search traces",
+        placeholder: "Search traces",
+        value: search,
+        onValueChange: (value) => {
+          setSearch(value);
+          setPage(1);
         }
-      )
-    ] }),
+      }
+    ),
     /* @__PURE__ */ jsxs(DataList, { columns: "minmax(12rem,1fr)", className: "min-h-0 flex-1", scrollRef: containerRef, children: [
       /* @__PURE__ */ jsx(DataList.Top, { children: /* @__PURE__ */ jsx(DataList.TopCells, { children: /* @__PURE__ */ jsx(DataList.TopCell, { children: "Trace summary" }) }) }),
       visible.traces.length === 0 ? /* @__PURE__ */ jsx(DataList.NoMatch, { message: "No traces match this subtopic." }) : visible.traces.map((trace, index) => /* @__PURE__ */ jsx(

package/dist/ee/topics/components/topic-trace-summary-list.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"topic-trace-summary-list.es.js","sources":["../../../../src/ee/topics/components/topic-trace-summary-list.tsx"],"sourcesContent":["import { SearchIcon, ChevronDown } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport type { TopicTraceSummary } from '../types';\nimport { getVisibleTraceSummaries } from '../utils';\nimport { Button } from '@/ds/components/Button';\nimport { DataList } from '@/ds/components/DataList/data-list';\nimport { useDataListKeyboard } from '@/ds/components/DataList/use-data-list-keyboard';\nimport { InputGroup, InputGroupAddon, InputGroupInput } from '@/ds/components/InputGroup';\n\nexport interface TopicTraceSummaryListProps {\n  traces: TopicTraceSummary[];\n  selectedTraceId?: string | null;\n  onTraceSelect: (trace: TopicTraceSummary) => void;\n  pageSize?: number;\n}\n\nexport function TopicTraceSummaryList({\n  traces,\n  selectedTraceId,\n  onTraceSelect,\n  pageSize = 25,\n}: TopicTraceSummaryListProps) {\n  const [search, setSearch] = useState('');\n  const [page, setPage] = useState(1);\n\n  const visible = useMemo(\n    () => getVisibleTraceSummaries(traces, { search, sort: 'newest', page, pageSize }),\n    [page, pageSize, search, traces],\n  );\n\n  const { containerRef, getRowProps } = useDataListKeyboard({ count: visible.traces.length });\n\n  return (\n    <section className=\"flex min-h-0 flex-1 flex-col gap-4\" aria-label=\"Topic trace summaries\">\n      <InputGroup>\n        <InputGroupAddon align=\"inline-start\">\n          <SearchIcon />\n        </InputGroupAddon>\n        <InputGroupInput\n          type=\"search\"\n          aria-label=\"Search traces\"\n          placeholder=\"Search traces\"\n          onChange={event => {\n            setSearch(event.target.value);\n            setPage(1);\n          }}\n        />\n      </InputGroup>\n\n      <DataList columns=\"minmax(12rem,1fr)\" className=\"min-h-0 flex-1\" scrollRef={containerRef}>\n        <DataList.Top>\n          <DataList.TopCells>\n            <DataList.TopCell>Trace summary</DataList.TopCell>\n          </DataList.TopCells>\n        </DataList.Top>\n\n        {visible.traces.length === 0 ? (\n          <DataList.NoMatch message=\"No traces match this subtopic.\" />\n        ) : (\n          visible.traces.map((trace, index) => (\n            <DataList.RowButton\n              key={trace.id}\n              {...getRowProps(index)}\n              featured={selectedTraceId === trace.id}\n              onClick={() => onTraceSelect(trace)}\n              aria-pressed={selectedTraceId === trace.id}\n            >\n              <DataList.TextCell>{trace.name ?? trace.id}</DataList.TextCell>\n            </DataList.RowButton>\n          ))\n        )}\n      </DataList>\n\n      {visible.hasMore ? (\n        <Button icon={<ChevronDown />} size=\"sm\" onClick={() => setPage(currentPage => currentPage + 1)}>\n          Load more traces ({visible.traces.length} of {visible.total})\n        </Button>\n      ) : null}\n    </section>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"topic-trace-summary-list.es.js","sources":["../../../../src/ee/topics/components/topic-trace-summary-list.tsx"],"sourcesContent":["import { ChevronDown } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport type { TopicTraceSummary } from '../types';\nimport { getVisibleTraceSummaries } from '../utils';\nimport { Button } from '@/ds/components/Button';\nimport { DataList } from '@/ds/components/DataList/data-list';\nimport { useDataListKeyboard } from '@/ds/components/DataList/use-data-list-keyboard';\nimport { SearchInput } from '@/ds/components/SearchInput';\n\nexport interface TopicTraceSummaryListProps {\n  traces: TopicTraceSummary[];\n  selectedTraceId?: string | null;\n  onTraceSelect: (trace: TopicTraceSummary) => void;\n  pageSize?: number;\n}\n\nexport function TopicTraceSummaryList({\n  traces,\n  selectedTraceId,\n  onTraceSelect,\n  pageSize = 25,\n}: TopicTraceSummaryListProps) {\n  const [search, setSearch] = useState('');\n  const [page, setPage] = useState(1);\n\n  const visible = useMemo(\n    () => getVisibleTraceSummaries(traces, { search, sort: 'newest', page, pageSize }),\n    [page, pageSize, search, traces],\n  );\n\n  const { containerRef, getRowProps } = useDataListKeyboard({ count: visible.traces.length });\n\n  return (\n    <section className=\"flex min-h-0 flex-1 flex-col gap-4\" aria-label=\"Topic trace summaries\">\n      <SearchInput\n        label=\"Search traces\"\n        placeholder=\"Search traces\"\n        value={search}\n        onValueChange={value => {\n          setSearch(value);\n          setPage(1);\n        }}\n      />\n\n      <DataList columns=\"minmax(12rem,1fr)\" className=\"min-h-0 flex-1\" scrollRef={containerRef}>\n        <DataList.Top>\n          <DataList.TopCells>\n            <DataList.TopCell>Trace summary</DataList.TopCell>\n          </DataList.TopCells>\n        </DataList.Top>\n\n        {visible.traces.length === 0 ? (\n          <DataList.NoMatch message=\"No traces match this subtopic.\" />\n        ) : (\n          visible.traces.map((trace, index) => (\n            <DataList.RowButton\n              key={trace.id}\n              {...getRowProps(index)}\n              featured={selectedTraceId === trace.id}\n              onClick={() => onTraceSelect(trace)}\n              aria-pressed={selectedTraceId === trace.id}\n            >\n              <DataList.TextCell>{trace.name ?? trace.id}</DataList.TextCell>\n            </DataList.RowButton>\n          ))\n        )}\n      </DataList>\n\n      {visible.hasMore ? (\n        <Button icon={<ChevronDown />} size=\"sm\" onClick={() => setPage(currentPage => currentPage + 1)}>\n          Load more traces ({visible.traces.length} of {visible.total})\n        </Button>\n      ) : null}\n    </section>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AAgBO,SAAS,qBAAA,CAAsB;AAAA,EACpC,MAAA;AAAA,EACA,eAAA;AAAA,EACA,aAAA;AAAA,EACA,QAAA,GAAW;AACb,CAAA,EAA+B;AAC7B,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,EAAE,CAAA;AACvC,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,CAAC,CAAA;AAElC,EAAA,MAAM,OAAA,GAAU,OAAA;AAAA,IACd,MAAM,yBAAyB,MAAA,EAAQ,EAAE,QAAQ,IAAA,EAAM,QAAA,EAAU,IAAA,EAAM,QAAA,EAAU,CAAA;AAAA,IACjF,CAAC,IAAA,EAAM,QAAA,EAAU,MAAA,EAAQ,MAAM;AAAA,GACjC;AAEA,EAAA,MAAM,EAAE,YAAA,EAAc,WAAA,EAAY,GAAI,mBAAA,CAAoB,EAAE,KAAA,EAAO,OAAA,CAAQ,MAAA,CAAO,MAAA,EAAQ,CAAA;AAE1F,EAAA,uBACE,IAAA,CAAC,SAAA,EAAA,EAAQ,SAAA,EAAU,oCAAA,EAAqC,cAAW,uBAAA,EACjE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAM,eAAA;AAAA,QACN,WAAA,EAAY,eAAA;AAAA,QACZ,KAAA,EAAO,MAAA;AAAA,QACP,eAAe,CAAA,KAAA,KAAS;AACtB,UAAA,SAAA,CAAU,KAAK,CAAA;AACf,UAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,QACX;AAAA;AAAA,KACF;AAAA,yBAEC,QAAA,EAAA,EAAS,OAAA,EAAQ,qBAAoB,SAAA,EAAU,gBAAA,EAAiB,WAAW,YAAA,EAC1E,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,QAAA,CAAS,GAAA,EAAT,EACC,QAAA,kBAAA,GAAA,CAAC,QAAA,CAAS,QAAA,EAAT,EACC,QAAA,kBAAA,GAAA,CAAC,QAAA,CAAS,OAAA,EAAT,EAAiB,QAAA,EAAA,eAAA,EAAa,GACjC,CAAA,EACF,CAAA;AAAA,MAEC,QAAQ,MAAA,CAAO,MAAA,KAAW,CAAA,mBACzB,GAAA,CAAC,SAAS,OAAA,EAAT,EAAiB,OAAA,EAAQ,gCAAA,EAAiC,IAE3D,OAAA,CAAQ,MAAA,CAAO,GAAA,CAAI,CAAC,OAAO,KAAA,qBACzB,GAAA;AAAA,QAAC,QAAA,CAAS,SAAA;AAAA,QAAT;AAAA,UAEE,GAAG,YAAY,KAAK,CAAA;AAAA,UACrB,QAAA,EAAU,oBAAoB,KAAA,CAAM,EAAA;AAAA,UACpC,OAAA,EAAS,MAAM,aAAA,CAAc,KAAK,CAAA;AAAA,UAClC,cAAA,EAAc,oBAAoB,KAAA,CAAM,EAAA;AAAA,UAExC,8BAAC,QAAA,CAAS,QAAA,EAAT,EAAmB,QAAA,EAAA,KAAA,CAAM,IAAA,IAAQ,MAAM,EAAA,EAAG;AAAA,SAAA;AAAA,QANtC,KAAA,CAAM;AAAA,OAQd;AAAA,KAAA,EAEL,CAAA;AAAA,IAEC,QAAQ,OAAA,mBACP,IAAA,CAAC,MAAA,EAAA,EAAO,IAAA,sBAAO,WAAA,EAAA,EAAY,CAAA,EAAI,IAAA,EAAK,IAAA,EAAK,SAAS,MAAM,OAAA,CAAQ,CAAA,WAAA,KAAe,WAAA,GAAc,CAAC,CAAA,EAAG,QAAA,EAAA;AAAA,MAAA,oBAAA;AAAA,MAC5E,QAAQ,MAAA,CAAO,MAAA;AAAA,MAAO,MAAA;AAAA,MAAK,OAAA,CAAQ,KAAA;AAAA,MAAM;AAAA,KAAA,EAC9D,CAAA,GACE;AAAA,GAAA,EACN,CAAA;AAEJ;;;;"}