@mastra/playground-ui 65.0.0-alpha.9 → 65.0.0

package/dist/domains/observability/components/add-trace-mocks-to-item-dialog.es.js

@@ -1,201 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { collectToolMocks } from '@mastra/core/utils/collect-tool-mocks';
-import { safeStringify } from '@mastra/core/utils/safe-stringify';
-import { useMastraClient } from '@mastra/react';
-import { useDatasets, useDatasetItems, useDatasetItem, useDatasetMutations } from '@mastra/react/hooks/datasets';
-import { useQuery } from '@tanstack/react-query';
-import { EyeIcon, WrenchIcon, X, Plus } from 'lucide-react';
-import { useState } from 'react';
-import { B as Button } from '../../../Button-D8a5EWJ5.js';
-import { C as CodeEditor } from '../../../code-editor-8qu58Npy.js';
-import '../../../highlight-CXDme3FZ.js';
-import { F as Field, e as FieldLabel, b as FieldDescription } from '../../../field-Dl1zeXTv.js';
-import '../../../field-control-aria-DB6y41tQ.js';
-import { F as Form } from '../../../form-CMfC7JKB.js';
-import { S as Select, e as SelectTrigger, f as SelectValue, a as SelectContent, c as SelectItem } from '../../../select-CCpQUIEg.js';
-import { T as Txt } from '../../../Txt-BtIGLRk1.js';
-import '../../../lib/framework.es.js';
-import { t as toast } from '../../../toast-5aQbZBbY.js';
-import '../../datasets/components/add-dataset-item-dialog/add-dataset-item-dialog.es.js';
-import { S as SideDialog } from '../../../side-dialog-DVea8YTO.js';
-import { T as TextAndIcon } from '../../../text-and-icon-CRYBkgtj.js';
-import { getShortId } from '../../../utils/id.es.js';
-
-function itemLabel(item) {
-  const preview = (() => {
-    try {
-      const json = JSON.stringify(item.input);
-      if (!json) return "";
-      return json.length > 40 ? `${json.slice(0, 40)}…` : json;
-    } catch {
-      return "";
-    }
-  })();
-  const shortId = getShortId(item.id) ?? item.id;
-  return preview ? `${shortId} — ${preview}` : shortId;
-}
-function AddTraceMocksToItemDialog({ traceId, isOpen, onClose, level = 2 }) {
-  const client = useMastraClient();
-  const { data: trajectory, isLoading: isTrajectoryLoading } = useQuery({
-    queryKey: ["trace-trajectory", traceId],
-    queryFn: () => client.getTraceTrajectory(traceId ?? ""),
-    enabled: isOpen && !!traceId
-  });
-  const derivedMocks = trajectory?.steps ? collectToolMocks(trajectory.steps) : [];
-  const initialMocksJson = derivedMocks.length > 0 ? safeStringify(derivedMocks, 2) : "";
-  return /* @__PURE__ */ jsxs(
-    SideDialog,
-    {
-      dialogTitle: "Add Tool Mocks to Item",
-      dialogDescription: "Append trace-derived tool mocks to an existing dataset item",
-      isOpen,
-      onClose,
-      level,
-      children: [
-        /* @__PURE__ */ jsxs(SideDialog.Top, { children: [
-          /* @__PURE__ */ jsxs(TextAndIcon, { children: [
-            /* @__PURE__ */ jsx(EyeIcon, {}),
-            " ",
-            getShortId(traceId)
-          ] }),
-          "›",
-          /* @__PURE__ */ jsxs(TextAndIcon, { children: [
-            /* @__PURE__ */ jsx(WrenchIcon, {}),
-            " Add Tool Mocks to Item"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs(SideDialog.Content, { children: [
-          /* @__PURE__ */ jsx(SideDialog.Header, { children: /* @__PURE__ */ jsxs(SideDialog.Heading, { children: [
-            /* @__PURE__ */ jsx(WrenchIcon, {}),
-            " Add Tool Mocks to Item"
-          ] }) }),
-          isTrajectoryLoading ? /* @__PURE__ */ jsx(Txt, { as: "p", variant: "body", tone: "muted", className: "px-2 py-4", children: "Loading tool calls from trace..." }) : (
-            // Remount when the source trace changes so the form's useState seeds
-            // from the freshly derived mocks — no state-reset effect needed.
-            /* @__PURE__ */ jsx(AddTraceMocksForm, { initialMocksJson, onClose }, traceId ?? "no-trace")
-          )
-        ] })
-      ]
-    }
-  );
-}
-function AddTraceMocksForm({ initialMocksJson, onClose }) {
-  const [selectedDatasetId, setSelectedDatasetId] = useState("");
-  const [selectedItemId, setSelectedItemId] = useState("");
-  const [mocksJson, setMocksJson] = useState(initialMocksJson);
-  const { data: datasetsData, isLoading: isDatasetsLoading } = useDatasets();
-  const datasets = datasetsData?.datasets ?? [];
-  const { data: items = [], isLoading: isItemsLoading } = useDatasetItems({
-    datasetId: selectedDatasetId,
-    queryOptions: { enabled: Boolean(selectedDatasetId) }
-  });
-  const { data: selectedItem, isFetching: isSelectedItemFetching } = useDatasetItem({
-    datasetId: selectedDatasetId,
-    itemId: selectedItemId,
-    queryOptions: { enabled: Boolean(selectedDatasetId) && Boolean(selectedItemId) }
-  });
-  const { updateItem } = useDatasetMutations();
-  const hasMocks = (() => {
-    if (!mocksJson.trim()) return false;
-    try {
-      const parsed = JSON.parse(mocksJson);
-      return Array.isArray(parsed) && parsed.length > 0;
-    } catch {
-      return false;
-    }
-  })();
-  const handleDatasetChange = (value) => {
-    setSelectedDatasetId(value);
-    setSelectedItemId("");
-  };
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    if (!selectedDatasetId || !selectedItemId) {
-      toast.error("Please select a dataset and an item");
-      return;
-    }
-    let parsedMocks;
-    try {
-      const parsed = mocksJson.trim() ? JSON.parse(mocksJson) : [];
-      if (!Array.isArray(parsed)) {
-        toast.error("Tool Mocks must be a JSON array");
-        return;
-      }
-      parsedMocks = parsed;
-    } catch {
-      toast.error("Tool Mocks must be valid JSON");
-      return;
-    }
-    if (parsedMocks.length === 0) {
-      toast.error("There are no tool mocks to add");
-      return;
-    }
-    if (!selectedItem || selectedItem.id !== selectedItemId) {
-      toast.error("Item is still loading, please try again");
-      return;
-    }
-    const existing = selectedItem.toolMocks ?? [];
-    const merged = [...existing, ...parsedMocks];
-    try {
-      await updateItem.mutateAsync({
-        datasetId: selectedDatasetId,
-        itemId: selectedItemId,
-        toolMocks: merged
-      });
-      toast.success(`Added ${parsedMocks.length} tool mock(s) to the item`);
-      onClose();
-    } catch (error) {
-      toast.error(`Failed to add tool mocks: ${error instanceof Error ? error.message : "Unknown error"}`);
-    }
-  };
-  return /* @__PURE__ */ jsxs(Form, { onSubmit: handleSubmit, children: [
-    /* @__PURE__ */ jsxs(Field, { children: [
-      /* @__PURE__ */ jsx(FieldLabel, { required: true, children: "Dataset" }),
-      /* @__PURE__ */ jsxs(Select, { value: selectedDatasetId, onValueChange: handleDatasetChange, disabled: isDatasetsLoading, children: [
-        /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: isDatasetsLoading ? "Loading datasets..." : "Select a dataset" }) }),
-        /* @__PURE__ */ jsx(SelectContent, { children: datasets.length === 0 ? /* @__PURE__ */ jsx(Txt, { as: "p", variant: "body", tone: "muted", className: "px-2 py-4 text-center", children: "No datasets available" }) : datasets.map((dataset) => /* @__PURE__ */ jsx(SelectItem, { value: dataset.id, children: dataset.name }, dataset.id)) })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs(Field, { children: [
-      /* @__PURE__ */ jsx(FieldLabel, { required: true, children: "Item" }),
-      /* @__PURE__ */ jsxs(
-        Select,
-        {
-          value: selectedItemId,
-          onValueChange: setSelectedItemId,
-          disabled: !selectedDatasetId || isItemsLoading,
-          children: [
-            /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(
-              SelectValue,
-              {
-                placeholder: !selectedDatasetId ? "Select a dataset first" : isItemsLoading ? "Loading items..." : "Select an item"
-              }
-            ) }),
-            /* @__PURE__ */ jsx(SelectContent, { children: items.length === 0 ? /* @__PURE__ */ jsx(Txt, { as: "p", variant: "body", tone: "muted", className: "px-2 py-4 text-center", children: "No items available" }) : items.map((item) => /* @__PURE__ */ jsx(SelectItem, { value: item.id, children: itemLabel(item) }, item.id)) })
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs(Field, { children: [
-      /* @__PURE__ */ jsx(FieldLabel, { children: "Tool Mocks (JSON)" }),
-      /* @__PURE__ */ jsx(CodeEditor, { value: mocksJson, onChange: setMocksJson, showCopyButton: false, className: "min-h-40" }),
-      /* @__PURE__ */ jsx(FieldDescription, { children: "Seeded from the trace's tool calls. Edit or remove entries before appending." })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2 pt-4", children: [
-      /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(X, {}), type: "button", onClick: onClose, children: "Cancel" }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          icon: /* @__PURE__ */ jsx(Plus, {}),
-          type: "submit",
-          variant: "default",
-          disabled: updateItem.isPending || isSelectedItemFetching || !hasMocks || !selectedDatasetId || !selectedItemId || selectedItem?.id !== selectedItemId,
-          children: updateItem.isPending ? "Adding..." : "Append Tool Mocks"
-        }
-      )
-    ] })
-  ] });
-}
-
-export { AddTraceMocksToItemDialog };
-//# sourceMappingURL=add-trace-mocks-to-item-dialog.es.js.map

package/dist/domains/observability/components/add-trace-mocks-to-item-dialog.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"add-trace-mocks-to-item-dialog.es.js","sources":["../../../../src/domains/observability/components/add-trace-mocks-to-item-dialog.tsx"],"sourcesContent":["import type { DatasetItemToolMock } from '@mastra/client-js';\nimport { collectToolMocks } from '@mastra/core/utils/collect-tool-mocks';\nimport { safeStringify } from '@mastra/core/utils/safe-stringify';\n\nimport { useMastraClient } from '@mastra/react';\nimport { useDatasetItem, useDatasetItems } from '@mastra/react/hooks/datasets';\nimport { useQuery } from '@tanstack/react-query';\nimport { EyeIcon, WrenchIcon, Plus, X } from 'lucide-react';\nimport { useState } from 'react';\nimport { useDatasetMutations, useDatasets } from '@/domains/datasets';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { Field, FieldDescription, FieldLabel } from '@/ds/components/Field';\nimport { Form } from '@/ds/components/Form';\nimport { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '@/ds/components/Select';\nimport { SideDialog } from '@/ds/components/SideDialog';\nimport type { SideDialogRootProps } from '@/ds/components/SideDialog';\nimport { TextAndIcon, getShortId } from '@/ds/components/Text';\nimport { Txt } from '@/ds/components/Txt';\nimport { toast } from '@/utils/toast';\n\ntype AddTraceMocksToItemDialogProps = {\n  traceId?: string;\n  isOpen: boolean;\n  onClose: () => void;\n  level?: SideDialogRootProps['level'];\n};\n\n/** Short, human-readable label for an item: short id + a preview of the input. */\nfunction itemLabel(item: { id: string; input: unknown }): string {\n  const preview = (() => {\n    try {\n      const json = JSON.stringify(item.input);\n      if (!json) return '';\n      return json.length > 40 ? `${json.slice(0, 40)}…` : json;\n    } catch {\n      return '';\n    }\n  })();\n  const shortId = getShortId(item.id) ?? item.id;\n  return preview ? `${shortId} — ${preview}` : shortId;\n}\n\nexport function AddTraceMocksToItemDialog({ traceId, isOpen, onClose, level = 2 }: AddTraceMocksToItemDialogProps) {\n  const client = useMastraClient();\n\n  const { data: trajectory, isLoading: isTrajectoryLoading } = useQuery({\n    queryKey: ['trace-trajectory', traceId],\n    queryFn: () => client.getTraceTrajectory(traceId ?? ''),\n    enabled: isOpen && !!traceId,\n  });\n\n  const derivedMocks: DatasetItemToolMock[] = trajectory?.steps ? collectToolMocks(trajectory.steps) : [];\n  const initialMocksJson = derivedMocks.length > 0 ? safeStringify(derivedMocks, 2) : '';\n\n  return (\n    <SideDialog\n      dialogTitle=\"Add Tool Mocks to Item\"\n      dialogDescription=\"Append trace-derived tool mocks to an existing dataset item\"\n      isOpen={isOpen}\n      onClose={onClose}\n      level={level}\n    >\n      <SideDialog.Top>\n        <TextAndIcon>\n          <EyeIcon /> {getShortId(traceId)}\n        </TextAndIcon>\n        ›\n        <TextAndIcon>\n          <WrenchIcon /> Add Tool Mocks to Item\n        </TextAndIcon>\n      </SideDialog.Top>\n\n      <SideDialog.Content>\n        <SideDialog.Header>\n          <SideDialog.Heading>\n            <WrenchIcon /> Add Tool Mocks to Item\n          </SideDialog.Heading>\n        </SideDialog.Header>\n\n        {isTrajectoryLoading ? (\n          <Txt as=\"p\" variant=\"body\" tone=\"muted\" className=\"px-2 py-4\">\n            Loading tool calls from trace...\n          </Txt>\n        ) : (\n          // Remount when the source trace changes so the form's useState seeds\n          // from the freshly derived mocks — no state-reset effect needed.\n          <AddTraceMocksForm key={traceId ?? 'no-trace'} initialMocksJson={initialMocksJson} onClose={onClose} />\n        )}\n      </SideDialog.Content>\n    </SideDialog>\n  );\n}\n\ntype AddTraceMocksFormProps = {\n  initialMocksJson: string;\n  onClose: () => void;\n};\n\nfunction AddTraceMocksForm({ initialMocksJson, onClose }: AddTraceMocksFormProps) {\n  const [selectedDatasetId, setSelectedDatasetId] = useState<string>('');\n  const [selectedItemId, setSelectedItemId] = useState<string>('');\n  // Editable JSON of the mocks to append, seeded once from the trace-derived mocks.\n  const [mocksJson, setMocksJson] = useState<string>(initialMocksJson);\n\n  const { data: datasetsData, isLoading: isDatasetsLoading } = useDatasets();\n  const datasets = datasetsData?.datasets ?? [];\n\n  const { data: items = [], isLoading: isItemsLoading } = useDatasetItems({\n    datasetId: selectedDatasetId,\n    queryOptions: { enabled: Boolean(selectedDatasetId) },\n  });\n  const { data: selectedItem, isFetching: isSelectedItemFetching } = useDatasetItem({\n    datasetId: selectedDatasetId,\n    itemId: selectedItemId,\n    queryOptions: { enabled: Boolean(selectedDatasetId) && Boolean(selectedItemId) },\n  });\n  const { updateItem } = useDatasetMutations();\n\n  // Whether the current editor content is a non-empty JSON array (enables submit).\n  const hasMocks = (() => {\n    if (!mocksJson.trim()) return false;\n    try {\n      const parsed = JSON.parse(mocksJson);\n      return Array.isArray(parsed) && parsed.length > 0;\n    } catch {\n      return false;\n    }\n  })();\n\n  const handleDatasetChange = (value: string) => {\n    setSelectedDatasetId(value);\n    setSelectedItemId('');\n  };\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n\n    if (!selectedDatasetId || !selectedItemId) {\n      toast.error('Please select a dataset and an item');\n      return;\n    }\n\n    // Parse the (possibly edited) mocks JSON.\n    let parsedMocks: DatasetItemToolMock[];\n    try {\n      const parsed = mocksJson.trim() ? JSON.parse(mocksJson) : [];\n      if (!Array.isArray(parsed)) {\n        toast.error('Tool Mocks must be a JSON array');\n        return;\n      }\n      parsedMocks = parsed as DatasetItemToolMock[];\n    } catch {\n      toast.error('Tool Mocks must be valid JSON');\n      return;\n    }\n    if (parsedMocks.length === 0) {\n      toast.error('There are no tool mocks to add');\n      return;\n    }\n    // Guard against appending to a stale/unloaded item — require the authoritative item first.\n    if (!selectedItem || selectedItem.id !== selectedItemId) {\n      toast.error('Item is still loading, please try again');\n      return;\n    }\n\n    const existing = selectedItem.toolMocks ?? [];\n    const merged = [...existing, ...parsedMocks];\n\n    try {\n      await updateItem.mutateAsync({\n        datasetId: selectedDatasetId,\n        itemId: selectedItemId,\n        toolMocks: merged,\n      });\n      toast.success(`Added ${parsedMocks.length} tool mock(s) to the item`);\n      onClose();\n    } catch (error) {\n      toast.error(`Failed to add tool mocks: ${error instanceof Error ? error.message : 'Unknown error'}`);\n    }\n  };\n\n  return (\n    <Form onSubmit={handleSubmit}>\n      <Field>\n        <FieldLabel required>Dataset</FieldLabel>\n        <Select value={selectedDatasetId} onValueChange={handleDatasetChange} disabled={isDatasetsLoading}>\n          <SelectTrigger>\n            <SelectValue placeholder={isDatasetsLoading ? 'Loading datasets...' : 'Select a dataset'} />\n          </SelectTrigger>\n          <SelectContent>\n            {datasets.length === 0 ? (\n              <Txt as=\"p\" variant=\"body\" tone=\"muted\" className=\"px-2 py-4 text-center\">\n                No datasets available\n              </Txt>\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 required>Item</FieldLabel>\n        <Select\n          value={selectedItemId}\n          onValueChange={setSelectedItemId}\n          disabled={!selectedDatasetId || isItemsLoading}\n        >\n          <SelectTrigger>\n            <SelectValue\n              placeholder={\n                !selectedDatasetId ? 'Select a dataset first' : isItemsLoading ? 'Loading items...' : 'Select an item'\n              }\n            />\n          </SelectTrigger>\n          <SelectContent>\n            {items.length === 0 ? (\n              <Txt as=\"p\" variant=\"body\" tone=\"muted\" className=\"px-2 py-4 text-center\">\n                No items available\n              </Txt>\n            ) : (\n              items.map(item => (\n                <SelectItem key={item.id} value={item.id}>\n                  {itemLabel(item)}\n                </SelectItem>\n              ))\n            )}\n          </SelectContent>\n        </Select>\n      </Field>\n\n      <Field>\n        <FieldLabel>Tool Mocks (JSON)</FieldLabel>\n        <CodeEditor value={mocksJson} onChange={setMocksJson} showCopyButton={false} className=\"min-h-40\" />\n        <FieldDescription>\n          Seeded from the trace&apos;s tool calls. Edit or remove entries before appending.\n        </FieldDescription>\n      </Field>\n\n      <div className=\"flex justify-end gap-2 pt-4\">\n        <Button icon={<X />} type=\"button\" onClick={onClose}>\n          Cancel\n        </Button>\n        <Button\n          icon={<Plus />}\n          type=\"submit\"\n          variant=\"default\"\n          disabled={\n            updateItem.isPending ||\n            isSelectedItemFetching ||\n            !hasMocks ||\n            !selectedDatasetId ||\n            !selectedItemId ||\n            selectedItem?.id !== selectedItemId\n          }\n        >\n          {updateItem.isPending ? 'Adding...' : 'Append Tool Mocks'}\n        </Button>\n      </div>\n    </Form>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/notification-activity-BSNuqJDd.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"notification-activity-BSNuqJDd.cjs","sources":["../src/ds/components/ai/activity/presets/notification-activity.tsx"],"sourcesContent":["import { Bell, ExternalLink } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { ActivityItem } from '../activity';\nimport { messagePreview, messagePreviewShowsAll } from './message-preview';\nimport { Badge } from '@/ds/components/Badge';\nimport type { BadgeVariant } from '@/ds/components/Badge';\nimport { Txt } from '@/ds/components/Txt';\n\nexport interface NotificationActivityProps {\n  label: string;\n  message: string;\n  state?: string;\n  icon?: ReactNode;\n  priority?: string;\n  status?: string;\n  pending?: string;\n  link?: { href: string; label: string };\n  defaultOpen?: boolean;\n}\n\nconst priorityBadgeVariants: Partial<Record<string, BadgeVariant>> = {\n  urgent: 'red',\n  high: 'orange',\n  medium: 'blue',\n};\n\nexport function NotificationActivity({\n  label,\n  message,\n  state = 'notification',\n  icon,\n  priority,\n  status,\n  pending,\n  link,\n  defaultOpen,\n}: NotificationActivityProps) {\n  const lineHoldsMessage = messagePreviewShowsAll(message);\n  const hasBadges = Boolean(priority || status || pending);\n\n  return (\n    <ActivityItem\n      label={label}\n      detail={messagePreview(message)}\n      detailFont=\"sans\"\n      icon={icon ?? <Bell className=\"text-warning-foreground\" aria-hidden />}\n      badges={\n        hasBadges && (\n          <>\n            {priority && (\n              <Badge size=\"xs\" variant={priorityBadgeVariants[priority]}>\n                {priority}\n              </Badge>\n            )}\n            {status && <Badge size=\"xs\">{status}</Badge>}\n            {pending && <Badge size=\"xs\">{pending} pending</Badge>}\n          </>\n        )\n      }\n      defaultOpen={defaultOpen}\n      data-notification-state={state}\n      aria-label={`Notification: ${label}`}\n    >\n      {(!lineHoldsMessage || link) && (\n        <div className=\"flex flex-col gap-2\">\n          {message && (\n            <Txt variant=\"caption\" className=\"break-words whitespace-pre-wrap\">\n              {message}\n            </Txt>\n          )}\n          {link && <NotificationLink link={link} message={message} />}\n        </div>\n      )}\n    </ActivityItem>\n  );\n}\n\nfunction NotificationLink({\n  link,\n  message,\n}: {\n  link: NonNullable<NotificationActivityProps['link']>;\n  message: string;\n}) {\n  return (\n    <a\n      href={link.href}\n      target=\"_blank\"\n      rel=\"noreferrer\"\n      aria-label={`${link.label}: ${messagePreview(message)}`}\n      className=\"flex w-fit items-center gap-1 text-meta text-muted-foreground hover:text-foreground\"\n    >\n      {link.label}\n      <ExternalLink size={12} aria-hidden />\n    </a>\n  );\n}\n"],"names":["messagePreviewShowsAll","jsx","ActivityItem","messagePreview","Bell","jsxs","Fragment","Badge","Txt","ExternalLink"],"mappings":";;;;;;;;;AAoBA,MAAM,qBAAA,GAA+D;AAAA,EACnE,MAAA,EAAQ,KAAA;AAAA,EACR,IAAA,EAAM,QAAA;AAAA,EACN,MAAA,EAAQ;AACV,CAAA;AAEO,SAAS,oBAAA,CAAqB;AAAA,EACnC,KAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA,GAAQ,cAAA;AAAA,EACR,IAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,EAA8B;AAC5B,EAAA,MAAM,gBAAA,GAAmBA,sCAAuB,OAAO,CAAA;AACvD,EAAA,MAAM,SAAA,GAAY,OAAA,CAAQ,QAAA,IAAY,MAAA,IAAU,OAAO,CAAA;AAEvD,EAAA,uBACEC,cAAA;AAAA,IAACC,qBAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,MAAA,EAAQC,8BAAe,OAAO,CAAA;AAAA,MAC9B,UAAA,EAAW,MAAA;AAAA,MACX,MAAM,IAAA,oBAAQF,cAAA,CAACG,oBAAK,SAAA,EAAU,yBAAA,EAA0B,eAAW,IAAA,EAAC,CAAA;AAAA,MACpE,MAAA,EACE,6BACEC,eAAA,CAAAC,mBAAA,EAAA,EACG,QAAA,EAAA;AAAA,QAAA,QAAA,oBACCL,cAAA,CAACM,eAAM,IAAA,EAAK,IAAA,EAAK,SAAS,qBAAA,CAAsB,QAAQ,GACrD,QAAA,EAAA,QAAA,EACH,CAAA;AAAA,QAED,MAAA,oBAAUN,cAAA,CAACM,WAAA,EAAA,EAAM,IAAA,EAAK,MAAM,QAAA,EAAA,MAAA,EAAO,CAAA;AAAA,QACnC,OAAA,oBAAWF,eAAA,CAACE,WAAA,EAAA,EAAM,IAAA,EAAK,IAAA,EAAM,QAAA,EAAA;AAAA,UAAA,OAAA;AAAA,UAAQ;AAAA,SAAA,EAAQ;AAAA,OAAA,EAChD,CAAA;AAAA,MAGJ,WAAA;AAAA,MACA,yBAAA,EAAyB,KAAA;AAAA,MACzB,YAAA,EAAY,iBAAiB,KAAK,CAAA,CAAA;AAAA,MAEhC,YAAC,gBAAA,IAAoB,IAAA,qBACrBF,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,qBAAA,EACZ,QAAA,EAAA;AAAA,QAAA,OAAA,mCACEG,OAAA,EAAA,EAAI,OAAA,EAAQ,SAAA,EAAU,SAAA,EAAU,mCAC9B,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,QAED,IAAA,oBAAQP,cAAA,CAAC,gBAAA,EAAA,EAAiB,IAAA,EAAY,OAAA,EAAkB;AAAA,OAAA,EAC3D;AAAA;AAAA,GAEJ;AAEJ;AAEA,SAAS,gBAAA,CAAiB;AAAA,EACxB,IAAA;AAAA,EACA;AACF,CAAA,EAGG;AACD,EAAA,uBACEI,eAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,MAAM,IAAA,CAAK,IAAA;AAAA,MACX,MAAA,EAAO,QAAA;AAAA,MACP,GAAA,EAAI,YAAA;AAAA,MACJ,cAAY,CAAA,EAAG,IAAA,CAAK,KAAK,CAAA,EAAA,EAAKF,6BAAA,CAAe,OAAO,CAAC,CAAA,CAAA;AAAA,MACrD,SAAA,EAAU,qFAAA;AAAA,MAET,QAAA,EAAA;AAAA,QAAA,IAAA,CAAK,KAAA;AAAA,wBACNF,cAAA,CAACQ,wBAAA,EAAA,EAAa,IAAA,EAAM,EAAA,EAAI,eAAW,IAAA,EAAC;AAAA;AAAA;AAAA,GACtC;AAEJ;;;;"}

package/dist/notification-activity-BWXHmlTn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"notification-activity-BWXHmlTn.js","sources":["../src/ds/components/ai/activity/presets/notification-activity.tsx"],"sourcesContent":["import { Bell, ExternalLink } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { ActivityItem } from '../activity';\nimport { messagePreview, messagePreviewShowsAll } from './message-preview';\nimport { Badge } from '@/ds/components/Badge';\nimport type { BadgeVariant } from '@/ds/components/Badge';\nimport { Txt } from '@/ds/components/Txt';\n\nexport interface NotificationActivityProps {\n  label: string;\n  message: string;\n  state?: string;\n  icon?: ReactNode;\n  priority?: string;\n  status?: string;\n  pending?: string;\n  link?: { href: string; label: string };\n  defaultOpen?: boolean;\n}\n\nconst priorityBadgeVariants: Partial<Record<string, BadgeVariant>> = {\n  urgent: 'red',\n  high: 'orange',\n  medium: 'blue',\n};\n\nexport function NotificationActivity({\n  label,\n  message,\n  state = 'notification',\n  icon,\n  priority,\n  status,\n  pending,\n  link,\n  defaultOpen,\n}: NotificationActivityProps) {\n  const lineHoldsMessage = messagePreviewShowsAll(message);\n  const hasBadges = Boolean(priority || status || pending);\n\n  return (\n    <ActivityItem\n      label={label}\n      detail={messagePreview(message)}\n      detailFont=\"sans\"\n      icon={icon ?? <Bell className=\"text-warning-foreground\" aria-hidden />}\n      badges={\n        hasBadges && (\n          <>\n            {priority && (\n              <Badge size=\"xs\" variant={priorityBadgeVariants[priority]}>\n                {priority}\n              </Badge>\n            )}\n            {status && <Badge size=\"xs\">{status}</Badge>}\n            {pending && <Badge size=\"xs\">{pending} pending</Badge>}\n          </>\n        )\n      }\n      defaultOpen={defaultOpen}\n      data-notification-state={state}\n      aria-label={`Notification: ${label}`}\n    >\n      {(!lineHoldsMessage || link) && (\n        <div className=\"flex flex-col gap-2\">\n          {message && (\n            <Txt variant=\"caption\" className=\"break-words whitespace-pre-wrap\">\n              {message}\n            </Txt>\n          )}\n          {link && <NotificationLink link={link} message={message} />}\n        </div>\n      )}\n    </ActivityItem>\n  );\n}\n\nfunction NotificationLink({\n  link,\n  message,\n}: {\n  link: NonNullable<NotificationActivityProps['link']>;\n  message: string;\n}) {\n  return (\n    <a\n      href={link.href}\n      target=\"_blank\"\n      rel=\"noreferrer\"\n      aria-label={`${link.label}: ${messagePreview(message)}`}\n      className=\"flex w-fit items-center gap-1 text-meta text-muted-foreground hover:text-foreground\"\n    >\n      {link.label}\n      <ExternalLink size={12} aria-hidden />\n    </a>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAoBA,MAAM,qBAAA,GAA+D;AAAA,EACnE,MAAA,EAAQ,KAAA;AAAA,EACR,IAAA,EAAM,QAAA;AAAA,EACN,MAAA,EAAQ;AACV,CAAA;AAEO,SAAS,oBAAA,CAAqB;AAAA,EACnC,KAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA,GAAQ,cAAA;AAAA,EACR,IAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,EAA8B;AAC5B,EAAA,MAAM,gBAAA,GAAmB,uBAAuB,OAAO,CAAA;AACvD,EAAA,MAAM,SAAA,GAAY,OAAA,CAAQ,QAAA,IAAY,MAAA,IAAU,OAAO,CAAA;AAEvD,EAAA,uBACE,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,MAAA,EAAQ,eAAe,OAAO,CAAA;AAAA,MAC9B,UAAA,EAAW,MAAA;AAAA,MACX,MAAM,IAAA,oBAAQ,GAAA,CAAC,QAAK,SAAA,EAAU,yBAAA,EAA0B,eAAW,IAAA,EAAC,CAAA;AAAA,MACpE,MAAA,EACE,6BACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,QAAA,QAAA,oBACC,GAAA,CAAC,SAAM,IAAA,EAAK,IAAA,EAAK,SAAS,qBAAA,CAAsB,QAAQ,GACrD,QAAA,EAAA,QAAA,EACH,CAAA;AAAA,QAED,MAAA,oBAAU,GAAA,CAAC,KAAA,EAAA,EAAM,IAAA,EAAK,MAAM,QAAA,EAAA,MAAA,EAAO,CAAA;AAAA,QACnC,OAAA,oBAAW,IAAA,CAAC,KAAA,EAAA,EAAM,IAAA,EAAK,IAAA,EAAM,QAAA,EAAA;AAAA,UAAA,OAAA;AAAA,UAAQ;AAAA,SAAA,EAAQ;AAAA,OAAA,EAChD,CAAA;AAAA,MAGJ,WAAA;AAAA,MACA,yBAAA,EAAyB,KAAA;AAAA,MACzB,YAAA,EAAY,iBAAiB,KAAK,CAAA,CAAA;AAAA,MAEhC,YAAC,gBAAA,IAAoB,IAAA,qBACrB,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,qBAAA,EACZ,QAAA,EAAA;AAAA,QAAA,OAAA,wBACE,GAAA,EAAA,EAAI,OAAA,EAAQ,SAAA,EAAU,SAAA,EAAU,mCAC9B,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,QAED,IAAA,oBAAQ,GAAA,CAAC,gBAAA,EAAA,EAAiB,IAAA,EAAY,OAAA,EAAkB;AAAA,OAAA,EAC3D;AAAA;AAAA,GAEJ;AAEJ;AAEA,SAAS,gBAAA,CAAiB;AAAA,EACxB,IAAA;AAAA,EACA;AACF,CAAA,EAGG;AACD,EAAA,uBACE,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,MAAM,IAAA,CAAK,IAAA;AAAA,MACX,MAAA,EAAO,QAAA;AAAA,MACP,GAAA,EAAI,YAAA;AAAA,MACJ,cAAY,CAAA,EAAG,IAAA,CAAK,KAAK,CAAA,EAAA,EAAK,cAAA,CAAe,OAAO,CAAC,CAAA,CAAA;AAAA,MACrD,SAAA,EAAU,qFAAA;AAAA,MAET,QAAA,EAAA;AAAA,QAAA,IAAA,CAAK,KAAA;AAAA,wBACN,GAAA,CAAC,YAAA,EAAA,EAAa,IAAA,EAAM,EAAA,EAAI,eAAW,IAAA,EAAC;AAAA;AAAA;AAAA,GACtC;AAEJ;;;;"}

package/dist/side-dialog-B7a4dasE.cjs

@@ -1,231 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const langJson = require('@codemirror/lang-json');
-const view = require('@codemirror/view');
-const CodeMirror = require('@uiw/react-codemirror');
-const lucideReact = require('lucide-react');
-const React = require('react');
-const Button = require('./Button-C4I05uT4.cjs');
-const buttonsGroup = require('./buttons-group-Bg9Unm6G.cjs');
-const codeEditor = require('./code-editor-4ukTuvqG.cjs');
-require('./highlight-DfnRU-Am.cjs');
-const copyButton = require('./copy-button-BC02oZJo.cjs');
-const section = require('./section-skBYREaR.cjs');
-const primitives_raisedSurface = require('./primitives/raised-surface.cjs.js');
-const drawer = require('./drawer-DdTU-nBR.cjs');
-const utils_cn = require('./cn-DlOJCxrS.cjs');
-const primitives_portalContainer = require('./primitives/portal-container.cjs.js');
-const primitives_transitions = require('./primitives/transitions.cjs.js');
-
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
-  if (e) {
-    for (const k in e) {
-      if (k !== 'default') {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
-function SideDialogCodeSection({ codeStr = "", title, icon, simplified = false }) {
-  const theme = codeEditor.useCodemirrorTheme();
-  const [showAsMultilineText, setShowAsMultilineText] = React.useState(false);
-  const hasMultilineText = React.useMemo(() => {
-    try {
-      const parsed = JSON.parse(codeStr);
-      return containsInnerNewline(parsed || "");
-    } catch {
-      return false;
-    }
-  }, [codeStr]);
-  const finalCodeStr = showAsMultilineText ? codeStr?.replace(/\\n/g, "\n") : codeStr;
-  return /* @__PURE__ */ jsxRuntime.jsxs(section.Section, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(section.Section.Header, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(section.Section.Heading, { children: [
-        icon,
-        title
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(buttonsGroup.ButtonsGroup, { size: "sm", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(copyButton.CopyButton, { content: codeStr || "No content" }),
-        hasMultilineText && /* @__PURE__ */ jsxRuntime.jsx(
-          Button.Button,
-          {
-            "aria-label": showAsMultilineText ? "Show escaped newlines" : "Show multiline text",
-            onClick: () => setShowAsMultilineText(!showAsMultilineText),
-            children: showAsMultilineText ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlignLeftIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlignJustifyIcon, {})
-          }
-        )
-      ] })
-    ] }),
-    codeStr && /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: `${primitives_raisedSurface.raisedSurfaceStyle} max-h-[30vh] overflow-hidden overflow-y-auto rounded-xl p-3 text-body break-all text-muted-foreground`,
-        children: simplified ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 font-mono break-all text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "text-wrap", children: codeStr }) }) : /* @__PURE__ */ jsxRuntime.jsx(CodeMirror, { extensions: [langJson.json(), view.EditorView.lineWrapping], theme, value: finalCodeStr })
-      }
-    )
-  ] });
-}
-function containsInnerNewline(obj) {
-  if (typeof obj === "string") {
-    const idx = obj.indexOf("\n");
-    return idx !== -1 && idx !== obj.length - 1;
-  } else if (Array.isArray(obj)) {
-    return obj.some((item) => containsInnerNewline(item));
-  } else if (obj && typeof obj === "object") {
-    return Object.values(obj).some((value) => containsInnerNewline(value));
-  }
-  return false;
-}
-
-function SideDialogContent({ children, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    drawer.DrawerInteractive,
-    {
-      render: /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("grid content-start gap-4 overflow-y-scroll p-4 pb-5 pl-5", className), children })
-    }
-  );
-}
-
-function SideDialogHeader({ children, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("flex items-center justify-between pb-3", className), children });
-}
-
-function SideDialogHeading({ children, className, as = "h1" }) {
-  const HeadingTag = as;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    HeadingTag,
-    {
-      className: utils_cn.cn(
-        "flex items-start gap-2",
-        as === "h1" ? "text-heading text-foreground" : "text-subheading text-foreground",
-        "[&>svg]:mt-0.5 [&>svg]:size-[1.25em] [&>svg]:shrink-0 [&>svg]:opacity-70",
-        className
-      ),
-      children
-    }
-  );
-}
-
-function SideDialogNav({ onNext, onPrevious, className }) {
-  const handleOnNext = () => {
-    onNext?.();
-  };
-  const handleOnPrevious = () => {
-    onPrevious?.();
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("flex items-center gap-3", "[&_svg]:size-[1.1em] [&_svg]:text-muted-foreground", className), children: (onNext || onPrevious) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("flex items-baseline gap-3"), children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { onClick: handleOnPrevious, disabled: !onPrevious, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUpIcon, {}), children: "Previous" }),
-    /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { onClick: handleOnNext, disabled: !onNext, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDownIcon, {}), children: "Next" })
-  ] }) });
-}
-
-function SideDialogRoot({
-  dialogTitle,
-  dialogDescription,
-  isOpen,
-  onClose,
-  children,
-  variant = "default",
-  level = 1,
-  className
-}) {
-  const isConfirmation = variant === "confirmation";
-  const [portalHost, setPortalHost] = React__namespace.useState(null);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    drawer.Drawer,
-    {
-      side: "right",
-      open: isOpen,
-      onOpenChange: (open) => {
-        if (!open) onClose?.();
-      },
-      children: /* @__PURE__ */ jsxRuntime.jsxs(drawer.DrawerPortal, { children: [
-        !isConfirmation && /* @__PURE__ */ jsxRuntime.jsx(drawer.DrawerBackdrop, { className: "backdrop-blur-sm" }),
-        /* @__PURE__ */ jsxRuntime.jsx(drawer.DrawerViewport, { className: isConfirmation ? "pointer-events-none" : void 0, children: /* @__PURE__ */ jsxRuntime.jsxs(
-          drawer.DrawerPopup,
-          {
-            className: utils_cn.cn(
-              "max-w-none overflow-visible rounded-none border-y-0 border-r-0 border-l border-border-strong bg-background",
-              {
-                "w-[75vw] 2xl:w-[65vw] 4xl:w-[55vw]": level === 1,
-                "w-[70vw] 2xl:w-[59vw] 4xl:w-[48vw]": level === 2,
-                "w-[65vw] 2xl:w-[53vw] 4xl:w-[41vw]": level === 3,
-                "pointer-events-auto bg-background/70 shadow-none backdrop-blur-sm": isConfirmation
-              },
-              className
-            ),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(drawer.DrawerTitle, { className: "sr-only", children: dialogTitle }),
-              /* @__PURE__ */ jsxRuntime.jsx(drawer.DrawerDescription, { className: "sr-only", children: dialogDescription }),
-              !isConfirmation && /* @__PURE__ */ jsxRuntime.jsx(
-                drawer.DrawerClose,
-                {
-                  render: /* @__PURE__ */ jsxRuntime.jsx(
-                    "button",
-                    {
-                      type: "button",
-                      className: utils_cn.cn(
-                        "absolute top-0 -left-14 flex size-14 appearance-none items-center justify-center rounded-bl-lg border-b border-l border-border-strong bg-background text-muted-foreground",
-                        primitives_transitions.transitions.all,
-                        "hover:bg-fill-subtle hover:text-foreground"
-                      ),
-                      "aria-label": "Close",
-                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsRightIcon, {})
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(drawer.DrawerInteractive, { render: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: setPortalHost, className: "absolute" }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(primitives_portalContainer.PortalContainerProvider, { container: portalHost, children: /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: utils_cn.cn("grid h-full", {
-                    "grid-rows-[auto_1fr]": !isConfirmation
-                  }),
-                  children
-                }
-              ) })
-            ]
-          }
-        ) })
-      ] })
-    }
-  );
-}
-
-function SideDialogTop({ children, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: utils_cn.cn(
-        `relative flex h-11 items-center gap-3 pl-4 text-caption text-muted-foreground`,
-        '[&:after]:absolute [&:after]:inset-x-6 [&:after]:bottom-0 [&:after]:border-b [&:after]:border-border [&:after]:content-[""]',
-        className
-      ),
-      children
-    }
-  );
-}
-
-const SideDialog = Object.assign(SideDialogRoot, {
-  Top: SideDialogTop,
-  Header: SideDialogHeader,
-  Heading: SideDialogHeading,
-  Content: SideDialogContent,
-  CodeSection: SideDialogCodeSection,
-  Nav: SideDialogNav
-});
-
-exports.SideDialog = SideDialog;
-//# sourceMappingURL=side-dialog-B7a4dasE.cjs.map

package/dist/side-dialog-B7a4dasE.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"side-dialog-B7a4dasE.cjs","sources":["../src/ds/components/SideDialog/side-dialog-code-section.tsx","../src/ds/components/SideDialog/side-dialog-content.tsx","../src/ds/components/SideDialog/side-dialog-header.tsx","../src/ds/components/SideDialog/side-dialog-heading.tsx","../src/ds/components/SideDialog/side-dialog-nav.tsx","../src/ds/components/SideDialog/side-dialog-root.tsx","../src/ds/components/SideDialog/side-dialog-top.tsx","../src/ds/components/SideDialog/side-dialog.tsx"],"sourcesContent":["import { json } from '@codemirror/lang-json';\nimport { EditorView } from '@codemirror/view';\nimport ReactCodeMirror from '@uiw/react-codemirror';\nimport { AlignJustifyIcon, AlignLeftIcon } from 'lucide-react';\nimport React, { useState, useMemo } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { useCodemirrorTheme } from '@/ds/components/CodeEditor';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { Section } from '@/ds/components/Section';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\n\nexport type SideDialogCodeSectionProps = {\n  title: React.ReactNode;\n  icon?: React.ReactNode;\n  codeStr?: string;\n  simplified?: boolean;\n};\n\nexport function SideDialogCodeSection({ codeStr = '', title, icon, simplified = false }: SideDialogCodeSectionProps) {\n  const theme = useCodemirrorTheme();\n  const [showAsMultilineText, setShowAsMultilineText] = useState(false);\n  const hasMultilineText = useMemo(() => {\n    try {\n      const parsed = JSON.parse(codeStr);\n      return containsInnerNewline(parsed || '');\n    } catch {\n      return false;\n    }\n  }, [codeStr]);\n\n  const finalCodeStr = showAsMultilineText ? codeStr?.replace(/\\\\n/g, '\\n') : codeStr;\n\n  return (\n    <Section>\n      <Section.Header>\n        <Section.Heading>\n          {icon}\n          {title}\n        </Section.Heading>\n        <ButtonsGroup size=\"sm\">\n          <CopyButton content={codeStr || 'No content'} />\n          {hasMultilineText && (\n            <Button\n              aria-label={showAsMultilineText ? 'Show escaped newlines' : 'Show multiline text'}\n              onClick={() => setShowAsMultilineText(!showAsMultilineText)}\n            >\n              {showAsMultilineText ? <AlignLeftIcon /> : <AlignJustifyIcon />}\n            </Button>\n          )}\n        </ButtonsGroup>\n      </Section.Header>\n      {codeStr && (\n        <div\n          className={`${raisedSurfaceStyle} max-h-[30vh] overflow-hidden overflow-y-auto rounded-xl p-3 text-body break-all text-muted-foreground`}\n        >\n          {simplified ? (\n            <div className=\"px-2 font-mono break-all text-muted-foreground\">\n              <pre className=\"text-wrap\">{codeStr}</pre>\n            </div>\n          ) : (\n            <ReactCodeMirror extensions={[json(), EditorView.lineWrapping]} theme={theme} value={finalCodeStr} />\n          )}\n        </div>\n      )}\n    </Section>\n  );\n}\n\nfunction containsInnerNewline(obj: unknown): boolean {\n  if (typeof obj === 'string') {\n    const idx = obj.indexOf('\\n');\n    return idx !== -1 && idx !== obj.length - 1;\n  } else if (Array.isArray(obj)) {\n    return obj.some(item => containsInnerNewline(item));\n  } else if (obj && typeof obj === 'object') {\n    return Object.values(obj).some(value => containsInnerNewline(value));\n  }\n  return false;\n}\n","import { DrawerInteractive } from '@/ds/components/Drawer';\nimport { cn } from '@/lib/utils';\n\nexport type SideDialogContentProps = {\n  children?: React.ReactNode;\n  className?: string;\n};\n\nexport function SideDialogContent({ children, className }: SideDialogContentProps) {\n  return (\n    <DrawerInteractive\n      render={\n        <div className={cn('grid content-start gap-4 overflow-y-scroll p-4 pb-5 pl-5', className)}>{children}</div>\n      }\n    />\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type SideDialogHeaderProps = {\n  children?: React.ReactNode;\n  className?: string;\n};\n\nexport function SideDialogHeader({ children, className }: SideDialogHeaderProps) {\n  return <div className={cn('flex items-center justify-between pb-3', className)}>{children}</div>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type SideDialogHeadingProps = {\n  children?: React.ReactNode;\n  className?: string;\n  as?: 'h1' | 'h2';\n};\n\nexport function SideDialogHeading({ children, className, as = 'h1' }: SideDialogHeadingProps) {\n  const HeadingTag = as;\n\n  return (\n    <HeadingTag\n      className={cn(\n        'flex items-start gap-2',\n        as === 'h1' ? 'text-heading text-foreground' : 'text-subheading text-foreground',\n        '[&>svg]:mt-0.5 [&>svg]:size-[1.25em] [&>svg]:shrink-0 [&>svg]:opacity-70',\n        className,\n      )}\n    >\n      {children}\n    </HeadingTag>\n  );\n}\n","import { ArrowDownIcon, ArrowUpIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\nimport { cn } from '@/lib/utils';\n\nexport type SideDialogNavProps = {\n  onNext?: (() => void) | null;\n  onPrevious?: (() => void) | null;\n  className?: string;\n};\n\nexport function SideDialogNav({ onNext, onPrevious, className }: SideDialogNavProps) {\n  const handleOnNext = () => {\n    onNext?.();\n  };\n\n  const handleOnPrevious = () => {\n    onPrevious?.();\n  };\n\n  return (\n    <div className={cn('flex items-center gap-3', '[&_svg]:size-[1.1em] [&_svg]:text-muted-foreground', className)}>\n      {(onNext || onPrevious) && (\n        <div className={cn('flex items-baseline gap-3')}>\n          <Button onClick={handleOnPrevious} disabled={!onPrevious} icon={<ArrowUpIcon />}>\n            Previous\n          </Button>\n          <Button onClick={handleOnNext} disabled={!onNext} icon={<ArrowDownIcon />}>\n            Next\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n","import { ChevronsRightIcon } from 'lucide-react';\nimport * as React from 'react';\nimport {\n  Drawer,\n  DrawerBackdrop,\n  DrawerClose,\n  DrawerDescription,\n  DrawerInteractive,\n  DrawerPopup,\n  DrawerPortal,\n  DrawerTitle,\n  DrawerViewport,\n} from '@/ds/components/Drawer';\nimport { PortalContainerProvider } from '@/ds/primitives/portal-container';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type SideDialogRootProps = {\n  variant?: 'default' | 'confirmation';\n  dialogTitle: string;\n  dialogDescription: string;\n  isOpen: boolean;\n  onClose?: () => void;\n  children?: React.ReactNode;\n  className?: string;\n  level?: 1 | 2 | 3;\n};\n\nexport function SideDialogRoot({\n  dialogTitle,\n  dialogDescription,\n  isOpen,\n  onClose,\n  children,\n  variant = 'default',\n  level = 1,\n  className,\n}: SideDialogRootProps) {\n  const isConfirmation = variant === 'confirmation';\n\n  // Mount point for nested popups (Select, Popover, …). It sits *inside* Base\n  // UI's modal `FloatingFocusManager` region (so a `document.body` portal can't\n  // leave them unclickable) AND is a `DrawerInteractive` (`data-drawer-content`)\n  // node, which Base UI's Drawer excludes from swipe-to-dismiss. Without that\n  // exclusion, a `pointerdown` on a dropdown option starts a drawer swipe and\n  // captures the pointer, so the option never receives `pointerup` and the\n  // click never commits. See `portal-container.tsx`.\n  const [portalHost, setPortalHost] = React.useState<HTMLDivElement | null>(null);\n\n  return (\n    <Drawer\n      side=\"right\"\n      open={isOpen}\n      onOpenChange={open => {\n        if (!open) onClose?.();\n      }}\n    >\n      <DrawerPortal>\n        {!isConfirmation && <DrawerBackdrop className=\"backdrop-blur-sm\" />}\n        <DrawerViewport className={isConfirmation ? 'pointer-events-none' : undefined}>\n          <DrawerPopup\n            className={cn(\n              'max-w-none overflow-visible rounded-none border-y-0 border-r-0 border-l border-border-strong bg-background',\n              {\n                'w-[75vw] 2xl:w-[65vw] 4xl:w-[55vw]': level === 1,\n                'w-[70vw] 2xl:w-[59vw] 4xl:w-[48vw]': level === 2,\n                'w-[65vw] 2xl:w-[53vw] 4xl:w-[41vw]': level === 3,\n                'pointer-events-auto bg-background/70 shadow-none backdrop-blur-sm': isConfirmation,\n              },\n              className,\n            )}\n          >\n            <DrawerTitle className=\"sr-only\">{dialogTitle}</DrawerTitle>\n            <DrawerDescription className=\"sr-only\">{dialogDescription}</DrawerDescription>\n\n            {!isConfirmation && (\n              <DrawerClose\n                render={\n                  <button\n                    type=\"button\"\n                    className={cn(\n                      'absolute top-0 -left-14 flex size-14 appearance-none items-center justify-center rounded-bl-lg border-b border-l border-border-strong bg-background text-muted-foreground',\n                      transitions.all,\n                      'hover:bg-fill-subtle hover:text-foreground',\n                    )}\n                    aria-label=\"Close\"\n                  >\n                    <ChevronsRightIcon />\n                  </button>\n                }\n              />\n            )}\n\n            {/* Swipe-exempt, out-of-flow mount point for nested popups. */}\n            <DrawerInteractive render={<div ref={setPortalHost} className=\"absolute\" />} />\n\n            <PortalContainerProvider container={portalHost}>\n              <div\n                className={cn('grid h-full', {\n                  'grid-rows-[auto_1fr]': !isConfirmation,\n                })}\n              >\n                {children}\n              </div>\n            </PortalContainerProvider>\n          </DrawerPopup>\n        </DrawerViewport>\n      </DrawerPortal>\n    </Drawer>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type SideDialogTopProps = {\n  children?: React.ReactNode;\n  className?: string;\n};\n\nexport function SideDialogTop({ children, className }: SideDialogTopProps) {\n  return (\n    <div\n      className={cn(\n        `relative flex h-11 items-center gap-3 pl-4 text-caption text-muted-foreground`,\n        '[&:after]:absolute [&:after]:inset-x-6 [&:after]:bottom-0 [&:after]:border-b [&:after]:border-border [&:after]:content-[\"\"]',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","import { SideDialogCodeSection } from './side-dialog-code-section';\nimport { SideDialogContent } from './side-dialog-content';\nimport { SideDialogHeader } from './side-dialog-header';\nimport { SideDialogHeading } from './side-dialog-heading';\nimport { SideDialogNav } from './side-dialog-nav';\nimport { SideDialogRoot } from './side-dialog-root';\nimport { SideDialogTop } from './side-dialog-top';\n\nexport { type SideDialogRootProps } from './side-dialog-root';\n\nexport const SideDialog = Object.assign(SideDialogRoot, {\n  Top: SideDialogTop,\n  Header: SideDialogHeader,\n  Heading: SideDialogHeading,\n  Content: SideDialogContent,\n  CodeSection: SideDialogCodeSection,\n  Nav: SideDialogNav,\n});\n"],"names":["useCodemirrorTheme","useState","useMemo","Section","jsxs","ButtonsGroup","jsx","CopyButton","Button","AlignLeftIcon","AlignJustifyIcon","raisedSurfaceStyle","ReactCodeMirror","json","EditorView","DrawerInteractive","cn","ArrowUpIcon","ArrowDownIcon","React","Drawer","DrawerPortal","DrawerBackdrop","DrawerViewport","DrawerPopup","DrawerTitle","DrawerDescription","DrawerClose","transitions","ChevronsRightIcon","PortalContainerProvider"],"mappings":"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"}