@sero-ai/ui 0.3.2 → 0.4.0

package/dist/components/context-editor/SkillsSection.cjs

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _jsxruntime = require('react/jsx-runtime');
+var _lucidereact = require('lucide-react');
+var _CapabilitySection = require('./CapabilitySection');
+function SkillsSection({
+  items,
+  allDisabled,
+  enabledCount,
+  isEnabled,
+  onToggle,
+  onToggleAll
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _CapabilitySection.CapabilitySection,
+    {
+      icon: _lucidereact.Sparkles,
+      title: "Skills",
+      tint: "violet",
+      includeAllLabel: "Include all skills",
+      emptyLabel: "No skills available",
+      items,
+      allDisabled,
+      enabledCount,
+      isEnabled,
+      onToggle,
+      onToggleAll
+    }
+  );
+}
+
+
+exports.SkillsSection = SkillsSection;

package/dist/components/context-editor/SkillsSection.d.cts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ContextSkillInfo } from '@sero-ai/common';
+
+interface SkillsSectionProps {
+    items: ContextSkillInfo[];
+    allDisabled: boolean;
+    enabledCount: number;
+    isEnabled: (name: string) => boolean;
+    onToggle: (name: string) => void;
+    onToggleAll: (disabled: boolean) => void;
+}
+declare function SkillsSection({ items, allDisabled, enabledCount, isEnabled, onToggle, onToggleAll, }: SkillsSectionProps): react_jsx_runtime.JSX.Element;
+
+export { SkillsSection };

package/dist/components/context-editor/SkillsSection.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ContextSkillInfo } from '@sero-ai/common';
+
+interface SkillsSectionProps {
+    items: ContextSkillInfo[];
+    allDisabled: boolean;
+    enabledCount: number;
+    isEnabled: (name: string) => boolean;
+    onToggle: (name: string) => void;
+    onToggleAll: (disabled: boolean) => void;
+}
+declare function SkillsSection({ items, allDisabled, enabledCount, isEnabled, onToggle, onToggleAll, }: SkillsSectionProps): react_jsx_runtime.JSX.Element;
+
+export { SkillsSection };

package/dist/components/context-editor/SkillsSection.js

@@ -0,0 +1,31 @@
+import { jsx } from "react/jsx-runtime";
+import { Sparkles } from "lucide-react";
+import { CapabilitySection } from "./CapabilitySection";
+function SkillsSection({
+  items,
+  allDisabled,
+  enabledCount,
+  isEnabled,
+  onToggle,
+  onToggleAll
+}) {
+  return /* @__PURE__ */ jsx(
+    CapabilitySection,
+    {
+      icon: Sparkles,
+      title: "Skills",
+      tint: "violet",
+      includeAllLabel: "Include all skills",
+      emptyLabel: "No skills available",
+      items,
+      allDisabled,
+      enabledCount,
+      isEnabled,
+      onToggle,
+      onToggleAll
+    }
+  );
+}
+export {
+  SkillsSection
+};

package/dist/components/context-editor/SystemPromptSection.cjs

@@ -0,0 +1,58 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _jsxruntime = require('react/jsx-runtime');
+var _lucidereact = require('lucide-react');
+var _parts = require('./parts');
+const DEFAULT_COPY = {
+  title: "System Prompt",
+  defaultHint: "Using the default system prompt",
+  emptyHint: "System prompt excluded",
+  customHint: "Using a custom system prompt",
+  placeholder: "Enter system prompt...",
+  footnote: "Leave the prompt blank to exclude it entirely, or reset to use the default."
+};
+function SystemPromptSection({
+  displayedPrompt,
+  systemPrompt,
+  onSystemPromptChange,
+  copy
+}) {
+  const c = { ...DEFAULT_COPY, ...copy };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _parts.ContextSection,
+    {
+      icon: _lucidereact.FileText,
+      title: c.title,
+      tint: "blue",
+      badge: systemPrompt !== null ? systemPrompt === "" ? "excluded" : "custom" : void 0,
+      badgeVariant: systemPrompt !== null ? systemPrompt === "" ? "disabled" : "modified" : "default",
+      defaultOpen: false,
+      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-[10px] text-[var(--text-muted)]", children: systemPrompt === null ? c.defaultHint : systemPrompt === "" ? c.emptyHint : c.customHint }),
+          systemPrompt !== null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "button",
+            {
+              type: "button",
+              onClick: () => onSystemPromptChange(null),
+              className: "text-[10px] text-[var(--text-muted)] transition-colors hover:text-[var(--text-secondary)]",
+              children: "Reset to default"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "textarea",
+          {
+            "aria-label": "System prompt",
+            value: displayedPrompt,
+            onChange: (event) => onSystemPromptChange(event.target.value),
+            className: "h-80 w-full resize-y rounded-md border border-border/30 bg-[var(--bg-base)] p-2 font-mono text-[11px] text-[var(--text-secondary)] placeholder:text-[var(--text-muted)] outline-none focus:border-[var(--accent-primary)]",
+            placeholder: c.placeholder
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-[10px] text-[var(--text-muted)]", children: c.footnote })
+      ] })
+    }
+  );
+}
+
+
+exports.SystemPromptSection = SystemPromptSection;

package/dist/components/context-editor/SystemPromptSection.d.cts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface SystemPromptCopy {
+    /** Section title. Defaults to "System Prompt". */
+    title?: string;
+    /** Help text when no override is set. */
+    defaultHint?: string;
+    /** Help text when the prompt is set to empty string. */
+    emptyHint?: string;
+    /** Help text when a custom prompt is set. */
+    customHint?: string;
+    /** Textarea placeholder. */
+    placeholder?: string;
+    /** Footer note under the textarea. */
+    footnote?: string;
+}
+interface SystemPromptSectionProps {
+    displayedPrompt: string;
+    systemPrompt: string | null;
+    onSystemPromptChange: (value: string | null) => void;
+    copy?: SystemPromptCopy;
+}
+declare function SystemPromptSection({ displayedPrompt, systemPrompt, onSystemPromptChange, copy, }: SystemPromptSectionProps): react_jsx_runtime.JSX.Element;
+
+export { type SystemPromptCopy, SystemPromptSection };

package/dist/components/context-editor/SystemPromptSection.d.ts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface SystemPromptCopy {
+    /** Section title. Defaults to "System Prompt". */
+    title?: string;
+    /** Help text when no override is set. */
+    defaultHint?: string;
+    /** Help text when the prompt is set to empty string. */
+    emptyHint?: string;
+    /** Help text when a custom prompt is set. */
+    customHint?: string;
+    /** Textarea placeholder. */
+    placeholder?: string;
+    /** Footer note under the textarea. */
+    footnote?: string;
+}
+interface SystemPromptSectionProps {
+    displayedPrompt: string;
+    systemPrompt: string | null;
+    onSystemPromptChange: (value: string | null) => void;
+    copy?: SystemPromptCopy;
+}
+declare function SystemPromptSection({ displayedPrompt, systemPrompt, onSystemPromptChange, copy, }: SystemPromptSectionProps): react_jsx_runtime.JSX.Element;
+
+export { type SystemPromptCopy, SystemPromptSection };

package/dist/components/context-editor/SystemPromptSection.js

@@ -0,0 +1,58 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FileText } from "lucide-react";
+import { ContextSection } from "./parts";
+const DEFAULT_COPY = {
+  title: "System Prompt",
+  defaultHint: "Using the default system prompt",
+  emptyHint: "System prompt excluded",
+  customHint: "Using a custom system prompt",
+  placeholder: "Enter system prompt...",
+  footnote: "Leave the prompt blank to exclude it entirely, or reset to use the default."
+};
+function SystemPromptSection({
+  displayedPrompt,
+  systemPrompt,
+  onSystemPromptChange,
+  copy
+}) {
+  const c = { ...DEFAULT_COPY, ...copy };
+  return /* @__PURE__ */ jsx(
+    ContextSection,
+    {
+      icon: FileText,
+      title: c.title,
+      tint: "blue",
+      badge: systemPrompt !== null ? systemPrompt === "" ? "excluded" : "custom" : void 0,
+      badgeVariant: systemPrompt !== null ? systemPrompt === "" ? "disabled" : "modified" : "default",
+      defaultOpen: false,
+      children: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-[10px] text-[var(--text-muted)]", children: systemPrompt === null ? c.defaultHint : systemPrompt === "" ? c.emptyHint : c.customHint }),
+          systemPrompt !== null && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => onSystemPromptChange(null),
+              className: "text-[10px] text-[var(--text-muted)] transition-colors hover:text-[var(--text-secondary)]",
+              children: "Reset to default"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            "aria-label": "System prompt",
+            value: displayedPrompt,
+            onChange: (event) => onSystemPromptChange(event.target.value),
+            className: "h-80 w-full resize-y rounded-md border border-border/30 bg-[var(--bg-base)] p-2 font-mono text-[11px] text-[var(--text-secondary)] placeholder:text-[var(--text-muted)] outline-none focus:border-[var(--accent-primary)]",
+            placeholder: c.placeholder
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { className: "text-[10px] text-[var(--text-muted)]", children: c.footnote })
+      ] })
+    }
+  );
+}
+export {
+  SystemPromptSection
+};

package/dist/components/context-editor/ToolsSection.cjs

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _jsxruntime = require('react/jsx-runtime');
+var _lucidereact = require('lucide-react');
+var _CapabilitySection = require('./CapabilitySection');
+function ToolsSection({
+  items,
+  allDisabled,
+  enabledCount,
+  isEnabled,
+  onToggle,
+  onToggleAll
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _CapabilitySection.CapabilitySection,
+    {
+      icon: _lucidereact.Wrench,
+      title: "Tools",
+      tint: "amber",
+      includeAllLabel: "Include all tools",
+      emptyLabel: "No tools available",
+      items,
+      allDisabled,
+      enabledCount,
+      isEnabled,
+      onToggle,
+      onToggleAll
+    }
+  );
+}
+
+
+exports.ToolsSection = ToolsSection;

package/dist/components/context-editor/ToolsSection.d.cts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ContextToolInfo } from '@sero-ai/common';
+
+interface ToolsSectionProps {
+    items: ContextToolInfo[];
+    allDisabled: boolean;
+    enabledCount: number;
+    isEnabled: (name: string) => boolean;
+    onToggle: (name: string) => void;
+    onToggleAll: (disabled: boolean) => void;
+}
+declare function ToolsSection({ items, allDisabled, enabledCount, isEnabled, onToggle, onToggleAll, }: ToolsSectionProps): react_jsx_runtime.JSX.Element;
+
+export { ToolsSection };

package/dist/components/context-editor/ToolsSection.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ContextToolInfo } from '@sero-ai/common';
+
+interface ToolsSectionProps {
+    items: ContextToolInfo[];
+    allDisabled: boolean;
+    enabledCount: number;
+    isEnabled: (name: string) => boolean;
+    onToggle: (name: string) => void;
+    onToggleAll: (disabled: boolean) => void;
+}
+declare function ToolsSection({ items, allDisabled, enabledCount, isEnabled, onToggle, onToggleAll, }: ToolsSectionProps): react_jsx_runtime.JSX.Element;
+
+export { ToolsSection };

package/dist/components/context-editor/ToolsSection.js

@@ -0,0 +1,31 @@
+import { jsx } from "react/jsx-runtime";
+import { Wrench } from "lucide-react";
+import { CapabilitySection } from "./CapabilitySection";
+function ToolsSection({
+  items,
+  allDisabled,
+  enabledCount,
+  isEnabled,
+  onToggle,
+  onToggleAll
+}) {
+  return /* @__PURE__ */ jsx(
+    CapabilitySection,
+    {
+      icon: Wrench,
+      title: "Tools",
+      tint: "amber",
+      includeAllLabel: "Include all tools",
+      emptyLabel: "No tools available",
+      items,
+      allDisabled,
+      enabledCount,
+      isEnabled,
+      onToggle,
+      onToggleAll
+    }
+  );
+}
+export {
+  ToolsSection
+};

package/dist/components/context-editor/index.cjs

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _ContextEditor = require('./ContextEditor');
+
+
+var _usecontexteditormodel = require('./use-context-editor-model');
+
+
+
+exports.ContextEditor = _ContextEditor.ContextEditor; exports.useContextEditorModel = _usecontexteditormodel.useContextEditorModel;

package/dist/components/context-editor/index.d.cts

@@ -0,0 +1,5 @@
+export { ContextEditor, ContextEditorProps } from './ContextEditor.cjs';
+export { ContextEditorModel, UseContextEditorModelParams, useContextEditorModel } from './use-context-editor-model.cjs';
+export { SystemPromptCopy } from './SystemPromptSection.cjs';
+import 'react/jsx-runtime';
+import '@sero-ai/common';

package/dist/components/context-editor/index.d.ts

@@ -0,0 +1,5 @@
+export { ContextEditor, ContextEditorProps } from './ContextEditor.js';
+export { ContextEditorModel, UseContextEditorModelParams, useContextEditorModel } from './use-context-editor-model.js';
+export { SystemPromptCopy } from './SystemPromptSection.js';
+import 'react/jsx-runtime';
+import '@sero-ai/common';

package/dist/components/context-editor/index.js

@@ -0,0 +1,8 @@
+import { ContextEditor } from "./ContextEditor";
+import {
+  useContextEditorModel
+} from "./use-context-editor-model";
+export {
+  ContextEditor,
+  useContextEditorModel
+};

package/dist/components/context-editor/parts.cjs

@@ -0,0 +1,184 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _jsxruntime = require('react/jsx-runtime');
+var _react = require('react');
+var _react3 = require('motion/react');
+var _lucidereact = require('lucide-react');
+var _utils = require('../../lib/utils');
+var _switch = require('../ui/switch');
+const iconTintClass = {
+  blue: "text-status-info",
+  amber: "text-status-warning",
+  violet: "text-[var(--collab-primary)]",
+  neutral: "text-[var(--text-muted)]"
+};
+const badgeClass = {
+  default: "bg-[var(--bg-base)] text-[var(--text-muted)]",
+  modified: "bg-status-warning-subtle text-status-warning",
+  disabled: "bg-status-error-subtle text-status-error",
+  partial: "bg-status-info-subtle text-status-info"
+};
+const sectionBorderClass = {
+  default: "border-border/50",
+  modified: "border-status-warning-border",
+  disabled: "border-status-error-border",
+  partial: "border-status-info-border"
+};
+const sectionBgClass = {
+  default: "bg-[var(--bg-elevated)]/50",
+  modified: "bg-status-warning-faint",
+  disabled: "bg-status-error-faint",
+  partial: "bg-status-info-faint"
+};
+function ContextSection({
+  icon: Icon,
+  title,
+  count,
+  badge,
+  badgeVariant = "default",
+  tint = "neutral",
+  defaultOpen = false,
+  children
+}) {
+  const [expanded, setExpanded] = _react.useState.call(void 0, defaultOpen);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: _utils.cn.call(void 0, 
+        "overflow-hidden rounded-lg border transition-colors duration-200",
+        sectionBorderClass[badgeVariant],
+        sectionBgClass[badgeVariant]
+      ),
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "button",
+          {
+            type: "button",
+            onClick: () => setExpanded((prev) => !prev),
+            className: _utils.cn.call(void 0, 
+              "flex w-full items-center gap-2.5 px-3 py-2 text-left transition-colors duration-150",
+              "hover:bg-[var(--bg-elevated)]/80"
+            ),
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _react3.motion.div,
+                {
+                  animate: { rotate: expanded ? 90 : 0 },
+                  transition: { type: "spring", stiffness: 300, damping: 25 },
+                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronRight, { className: "size-3.5 text-[var(--text-muted)]" })
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { className: _utils.cn.call(void 0, "size-3.5", iconTintClass[tint]) }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-xs font-medium text-[var(--text-secondary)]", children: title }),
+              count !== void 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-[11px] text-[var(--text-muted)]", children: [
+                "(",
+                count,
+                ")"
+              ] }),
+              badge && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "span",
+                {
+                  className: _utils.cn.call(void 0, 
+                    "ml-auto rounded-full px-2 py-0.5 text-[10px] font-medium",
+                    badgeClass[badgeVariant]
+                  ),
+                  children: badge
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react3.AnimatePresence, { children: expanded && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _react3.motion.div,
+          {
+            initial: { height: 0, opacity: 0 },
+            animate: { height: "auto", opacity: 1 },
+            exit: { height: 0, opacity: 0 },
+            transition: { duration: 0.2, ease: [0.25, 0.46, 0.45, 0.94] },
+            className: "overflow-hidden",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-w-0 border-t border-border/30 p-3", children })
+          }
+        ) })
+      ]
+    }
+  );
+}
+function ToggleRow({
+  name,
+  description,
+  enabled,
+  onToggle
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: _utils.cn.call(void 0, 
+        "flex min-w-0 items-start justify-between gap-3 rounded-md px-2 py-1.5 transition-colors",
+        enabled ? "hover:bg-[var(--bg-elevated)]/60" : "opacity-60 hover:bg-[var(--bg-elevated)]/40"
+      ),
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _utils.cn.call(void 0, 
+            "text-[11px] font-medium",
+            enabled ? "text-[var(--text-secondary)]" : "text-[var(--text-muted)]"
+          ), children: name }),
+          description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-0.5 text-[10px] leading-snug text-[var(--text-muted)]/60", children: description })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _switch.Switch,
+          {
+            size: "sm",
+            className: "mt-0.5 shrink-0",
+            checked: enabled,
+            onCheckedChange: onToggle
+          }
+        )
+      ]
+    }
+  );
+}
+function SavePresetInput({
+  onSave,
+  onCancel
+}) {
+  const [name, setName] = _react.useState.call(void 0, "");
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "input",
+      {
+        "aria-label": "Preset name",
+        type: "text",
+        value: name,
+        onChange: (e) => setName(e.target.value),
+        placeholder: "Preset name...",
+        className: "flex-1 rounded-md border border-border/50 bg-[var(--bg-base)] px-2 py-1 text-xs text-[var(--text-primary)] placeholder:text-[var(--text-muted)] outline-none focus:border-[var(--accent-primary)]",
+        onKeyDown: (e) => {
+          if (e.key === "Enter" && name.trim()) onSave(name.trim());
+          if (e.key === "Escape") onCancel();
+        }
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        type: "button",
+        onClick: () => name.trim() && onSave(name.trim()),
+        disabled: !name.trim(),
+        className: "rounded-md bg-[var(--accent-primary)] px-2 py-1 text-[11px] font-medium text-white disabled:opacity-50",
+        children: "Save"
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        type: "button",
+        onClick: onCancel,
+        className: "text-[11px] text-[var(--text-muted)] hover:text-[var(--text-secondary)]",
+        children: "Cancel"
+      }
+    )
+  ] });
+}
+
+
+
+
+exports.ContextSection = ContextSection; exports.SavePresetInput = SavePresetInput; exports.ToggleRow = ToggleRow;

package/dist/components/context-editor/parts.d.cts

@@ -0,0 +1,32 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * Presentational sub-components for the shared ContextEditor dialog.
+ * Controlled, host-agnostic — no window.sero / session coupling.
+ */
+type SectionTint = 'blue' | 'amber' | 'violet' | 'neutral';
+type BadgeVariant = 'default' | 'modified' | 'disabled' | 'partial';
+declare function ContextSection({ icon: Icon, title, count, badge, badgeVariant, tint, defaultOpen, children, }: {
+    icon: React.ComponentType<{
+        className?: string;
+    }>;
+    title: string;
+    count?: number;
+    badge?: string;
+    badgeVariant?: BadgeVariant;
+    tint?: SectionTint;
+    defaultOpen?: boolean;
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function ToggleRow({ name, description, enabled, onToggle, }: {
+    name: string;
+    description?: string;
+    enabled: boolean;
+    onToggle: () => void;
+}): react_jsx_runtime.JSX.Element;
+declare function SavePresetInput({ onSave, onCancel, }: {
+    onSave: (name: string) => void;
+    onCancel: () => void;
+}): react_jsx_runtime.JSX.Element;
+
+export { ContextSection, SavePresetInput, ToggleRow };

package/dist/components/context-editor/parts.d.ts

@@ -0,0 +1,32 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * Presentational sub-components for the shared ContextEditor dialog.
+ * Controlled, host-agnostic — no window.sero / session coupling.
+ */
+type SectionTint = 'blue' | 'amber' | 'violet' | 'neutral';
+type BadgeVariant = 'default' | 'modified' | 'disabled' | 'partial';
+declare function ContextSection({ icon: Icon, title, count, badge, badgeVariant, tint, defaultOpen, children, }: {
+    icon: React.ComponentType<{
+        className?: string;
+    }>;
+    title: string;
+    count?: number;
+    badge?: string;
+    badgeVariant?: BadgeVariant;
+    tint?: SectionTint;
+    defaultOpen?: boolean;
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function ToggleRow({ name, description, enabled, onToggle, }: {
+    name: string;
+    description?: string;
+    enabled: boolean;
+    onToggle: () => void;
+}): react_jsx_runtime.JSX.Element;
+declare function SavePresetInput({ onSave, onCancel, }: {
+    onSave: (name: string) => void;
+    onCancel: () => void;
+}): react_jsx_runtime.JSX.Element;
+
+export { ContextSection, SavePresetInput, ToggleRow };