@sero-ai/ui 0.3.2 → 0.4.0

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

@@ -0,0 +1,184 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { AnimatePresence, motion } from "motion/react";
+import { ChevronRight } from "lucide-react";
+import { cn } from "../../lib/utils";
+import { Switch } from "../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] = useState(defaultOpen);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "overflow-hidden rounded-lg border transition-colors duration-200",
+        sectionBorderClass[badgeVariant],
+        sectionBgClass[badgeVariant]
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => setExpanded((prev) => !prev),
+            className: cn(
+              "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__ */ jsx(
+                motion.div,
+                {
+                  animate: { rotate: expanded ? 90 : 0 },
+                  transition: { type: "spring", stiffness: 300, damping: 25 },
+                  children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-3.5 text-[var(--text-muted)]" })
+                }
+              ),
+              /* @__PURE__ */ jsx(Icon, { className: cn("size-3.5", iconTintClass[tint]) }),
+              /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-[var(--text-secondary)]", children: title }),
+              count !== void 0 && /* @__PURE__ */ jsxs("span", { className: "text-[11px] text-[var(--text-muted)]", children: [
+                "(",
+                count,
+                ")"
+              ] }),
+              badge && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "ml-auto rounded-full px-2 py-0.5 text-[10px] font-medium",
+                    badgeClass[badgeVariant]
+                  ),
+                  children: badge
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(AnimatePresence, { children: expanded && /* @__PURE__ */ jsx(
+          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__ */ jsx("div", { className: "min-w-0 border-t border-border/30 p-3", children })
+          }
+        ) })
+      ]
+    }
+  );
+}
+function ToggleRow({
+  name,
+  description,
+  enabled,
+  onToggle
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "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__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("div", { className: cn(
+            "text-[11px] font-medium",
+            enabled ? "text-[var(--text-secondary)]" : "text-[var(--text-muted)]"
+          ), children: name }),
+          description && /* @__PURE__ */ jsx("div", { className: "mt-0.5 text-[10px] leading-snug text-[var(--text-muted)]/60", children: description })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Switch,
+          {
+            size: "sm",
+            className: "mt-0.5 shrink-0",
+            checked: enabled,
+            onCheckedChange: onToggle
+          }
+        )
+      ]
+    }
+  );
+}
+function SavePresetInput({
+  onSave,
+  onCancel
+}) {
+  const [name, setName] = useState("");
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx(
+      "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__ */ jsx(
+      "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__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onCancel,
+        className: "text-[11px] text-[var(--text-muted)] hover:text-[var(--text-secondary)]",
+        children: "Cancel"
+      }
+    )
+  ] });
+}
+export {
+  ContextSection,
+  SavePresetInput,
+  ToggleRow
+};

package/dist/components/context-editor/use-context-editor-model.cjs

@@ -0,0 +1,194 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _react = require('react');
+const NONE_PRESET = {
+  id: "__none__",
+  name: "None",
+  systemPrompt: "",
+  disabledTools: ["__all__"],
+  disabledSkills: ["__all__"]
+};
+const DEFAULT_PRESET = {
+  id: "__default__",
+  name: "Default",
+  systemPrompt: null,
+  disabledTools: [],
+  disabledSkills: []
+};
+const BUILTIN_PRESETS = [DEFAULT_PRESET, NONE_PRESET];
+function normalizeDisabledNames(names, availableNames) {
+  const allowed = new Set(availableNames);
+  return new Set((_nullishCoalesce(names, () => ( []))).filter((name) => allowed.has(name)));
+}
+function appliedSystemPrompt(overrides) {
+  if (!overrides || !Object.prototype.hasOwnProperty.call(overrides, "systemPrompt")) return null;
+  return typeof overrides.systemPrompt === "string" ? overrides.systemPrompt : null;
+}
+function enabledCount(items, disabled, allDisabled) {
+  if (allDisabled) return 0;
+  return items.filter((item) => !disabled.has(item.name)).length;
+}
+function useContextEditorModel({
+  open,
+  available,
+  initialOverrides,
+  presets,
+  onSavePreset,
+  onDeletePreset
+}) {
+  const [systemPrompt, setSystemPromptState] = _react.useState.call(void 0, null);
+  const [disabledTools, setDisabledTools] = _react.useState.call(void 0, /* @__PURE__ */ new Set());
+  const [disabledSkills, setDisabledSkills] = _react.useState.call(void 0, /* @__PURE__ */ new Set());
+  const [allToolsDisabled, setAllToolsDisabled] = _react.useState.call(void 0, false);
+  const [allSkillsDisabled, setAllSkillsDisabled] = _react.useState.call(void 0, false);
+  const [activePresetId, setActivePresetId] = _react.useState.call(void 0, "__default__");
+  const [showSaveInput, setShowSaveInput] = _react.useState.call(void 0, false);
+  const tools = _nullishCoalesce(_optionalChain([available, 'optionalAccess', _ => _.tools]), () => ( []));
+  const skills = _nullishCoalesce(_optionalChain([available, 'optionalAccess', _2 => _2.skills]), () => ( []));
+  const seededRef = _react.useRef.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    if (!open) {
+      seededRef.current = false;
+      return;
+    }
+    if (seededRef.current || !available) return;
+    seededRef.current = true;
+    const seedDisabledTools = normalizeDisabledNames(
+      _optionalChain([initialOverrides, 'optionalAccess', _3 => _3.disabledTools]),
+      available.tools.map((t) => t.name)
+    );
+    const seedDisabledSkills = normalizeDisabledNames(
+      _optionalChain([initialOverrides, 'optionalAccess', _4 => _4.disabledSkills]),
+      available.skills.map((s) => s.name)
+    );
+    const allTools = available.tools.length > 0 && seedDisabledTools.size >= available.tools.length;
+    const allSkills = available.skills.length > 0 && seedDisabledSkills.size >= available.skills.length;
+    setSystemPromptState(appliedSystemPrompt(initialOverrides));
+    setDisabledTools(allTools ? /* @__PURE__ */ new Set() : seedDisabledTools);
+    setDisabledSkills(allSkills ? /* @__PURE__ */ new Set() : seedDisabledSkills);
+    setAllToolsDisabled(allTools);
+    setAllSkillsDisabled(allSkills);
+    setActivePresetId(initialOverrides ? null : "__default__");
+    setShowSaveInput(false);
+  }, [open, available, initialOverrides]);
+  const setSystemPrompt = _react.useCallback.call(void 0, (value) => {
+    setSystemPromptState(value);
+    setActivePresetId(null);
+  }, []);
+  const toggleCapability = _react.useCallback.call(void 0, 
+    (name, items, disabled, allDisabled, setDisabled, setAll) => {
+      let next;
+      if (allDisabled) {
+        next = new Set(items.map((i) => i.name));
+        next.delete(name);
+      } else {
+        next = new Set(disabled);
+        if (next.has(name)) next.delete(name);
+        else next.add(name);
+      }
+      const total = items.length;
+      const allNowDisabled = total > 0 && next.size >= total;
+      setDisabled(allNowDisabled ? /* @__PURE__ */ new Set() : next);
+      setAll(allNowDisabled);
+      setActivePresetId(null);
+    },
+    []
+  );
+  const loadPreset = _react.useCallback.call(void 0, 
+    (presetId) => {
+      const all = [...BUILTIN_PRESETS, ...presets];
+      const preset = all.find((p) => p.id === presetId);
+      if (!preset) return;
+      const allTools = preset.disabledTools.includes("__all__");
+      const allSkills = preset.disabledSkills.includes("__all__");
+      setSystemPromptState(preset.systemPrompt);
+      setDisabledTools(new Set(allTools ? [] : preset.disabledTools));
+      setDisabledSkills(new Set(allSkills ? [] : preset.disabledSkills));
+      setAllToolsDisabled(allTools);
+      setAllSkillsDisabled(allSkills);
+      setActivePresetId(presetId);
+    },
+    [presets]
+  );
+  const resetToDefault = _react.useCallback.call(void 0, () => {
+    setSystemPromptState(null);
+    setDisabledTools(/* @__PURE__ */ new Set());
+    setDisabledSkills(/* @__PURE__ */ new Set());
+    setAllToolsDisabled(false);
+    setAllSkillsDisabled(false);
+    setActivePresetId("__default__");
+    setShowSaveInput(false);
+  }, []);
+  const buildOverrides = _react.useCallback.call(void 0, () => {
+    const toolsToDisable = allToolsDisabled ? tools.map((t) => t.name) : Array.from(disabledTools);
+    const skillsToDisable = allSkillsDisabled ? skills.map((s) => s.name) : Array.from(disabledSkills);
+    const has = systemPrompt !== null || toolsToDisable.length > 0 || skillsToDisable.length > 0;
+    if (!has) return null;
+    return {
+      systemPrompt: _nullishCoalesce(systemPrompt, () => ( void 0)),
+      disabledTools: toolsToDisable.length > 0 ? toolsToDisable : void 0,
+      disabledSkills: skillsToDisable.length > 0 ? skillsToDisable : void 0
+    };
+  }, [allToolsDisabled, allSkillsDisabled, tools, skills, disabledTools, disabledSkills, systemPrompt]);
+  const handleSavePreset = _react.useCallback.call(void 0, 
+    (name) => {
+      onSavePreset(name, {
+        systemPrompt,
+        disabledTools: allToolsDisabled ? ["__all__"] : Array.from(disabledTools),
+        disabledSkills: allSkillsDisabled ? ["__all__"] : Array.from(disabledSkills)
+      });
+      setShowSaveInput(false);
+    },
+    [onSavePreset, systemPrompt, allToolsDisabled, disabledTools, allSkillsDisabled, disabledSkills]
+  );
+  const allPresets = _react.useMemo.call(void 0, () => [...BUILTIN_PRESETS, ...presets], [presets]);
+  const activeUserPreset = _react.useMemo.call(void 0, 
+    () => activePresetId && !activePresetId.startsWith("__") ? _nullishCoalesce(allPresets.find((p) => p.id === activePresetId), () => ( null)) : null,
+    [activePresetId, allPresets]
+  );
+  const hasOverrides = systemPrompt !== null || disabledTools.size > 0 || disabledSkills.size > 0 || allToolsDisabled || allSkillsDisabled;
+  return {
+    displayedPrompt: _nullishCoalesce(_nullishCoalesce(systemPrompt, () => ( _optionalChain([available, 'optionalAccess', _5 => _5.systemPrompt]))), () => ( "")),
+    systemPrompt,
+    setSystemPrompt,
+    preset: {
+      allPresets,
+      activePresetId,
+      activeUserPreset,
+      hasOverrides,
+      showSaveInput,
+      onPresetChange: loadPreset,
+      onDelete: onDeletePreset,
+      onReset: resetToDefault,
+      onShowSave: () => setShowSaveInput(true),
+      onSave: handleSavePreset,
+      onCancelSave: () => setShowSaveInput(false)
+    },
+    tools: {
+      items: tools,
+      allDisabled: allToolsDisabled,
+      enabledCount: enabledCount(tools, disabledTools, allToolsDisabled),
+      isEnabled: (name) => !allToolsDisabled && !disabledTools.has(name),
+      onToggle: (name) => toggleCapability(name, tools, disabledTools, allToolsDisabled, setDisabledTools, setAllToolsDisabled),
+      onToggleAll: (disabled) => {
+        setAllToolsDisabled(disabled);
+        setDisabledTools(/* @__PURE__ */ new Set());
+        setActivePresetId(null);
+      }
+    },
+    skills: {
+      items: skills,
+      allDisabled: allSkillsDisabled,
+      enabledCount: enabledCount(skills, disabledSkills, allSkillsDisabled),
+      isEnabled: (name) => !allSkillsDisabled && !disabledSkills.has(name),
+      onToggle: (name) => toggleCapability(name, skills, disabledSkills, allSkillsDisabled, setDisabledSkills, setAllSkillsDisabled),
+      onToggleAll: (disabled) => {
+        setAllSkillsDisabled(disabled);
+        setDisabledSkills(/* @__PURE__ */ new Set());
+        setActivePresetId(null);
+      }
+    },
+    buildOverrides
+  };
+}
+
+
+exports.useContextEditorModel = useContextEditorModel;

package/dist/components/context-editor/use-context-editor-model.d.cts

@@ -0,0 +1,57 @@
+import { ContextPreset, ContextToolInfo, ContextSkillInfo, ContextOverrides, AvailableContext } from '@sero-ai/common';
+
+/**
+ * useContextEditorModel — the controlled editing state for the ContextEditor.
+ *
+ * Holds the working overrides (system prompt, disabled tools/skills, preset
+ * selection) and all the toggle/normalize/preset logic, seeded from the
+ * `available` context and `initialOverrides`. Host-agnostic: persistence
+ * (apply / save preset / delete preset) is injected by the consumer, so the
+ * chat session editor and an app module (e.g. an Orchestrator loop) share one
+ * implementation.
+ */
+
+/** The persistable body of a preset (id assigned by the consumer). */
+type ContextPresetBody = Pick<ContextPreset, 'systemPrompt' | 'disabledTools' | 'disabledSkills'>;
+interface CapabilityState<TItem extends ContextToolInfo | ContextSkillInfo> {
+    items: TItem[];
+    allDisabled: boolean;
+    enabledCount: number;
+    isEnabled: (name: string) => boolean;
+    onToggle: (name: string) => void;
+    onToggleAll: (disabled: boolean) => void;
+}
+interface ContextEditorModel {
+    displayedPrompt: string;
+    systemPrompt: string | null;
+    setSystemPrompt: (value: string | null) => void;
+    preset: {
+        allPresets: ContextPreset[];
+        activePresetId: string | null;
+        activeUserPreset: ContextPreset | null;
+        hasOverrides: boolean;
+        showSaveInput: boolean;
+        onPresetChange: (id: string) => void;
+        onDelete: (id: string) => void;
+        onReset: () => void;
+        onShowSave: () => void;
+        onSave: (name: string) => void;
+        onCancelSave: () => void;
+    };
+    tools: CapabilityState<ContextToolInfo>;
+    skills: CapabilityState<ContextSkillInfo>;
+    /** Build the overrides to persist, or null when nothing is overridden. */
+    buildOverrides: () => ContextOverrides | null;
+}
+interface UseContextEditorModelParams {
+    /** Whether the editor is open — drives one-time seeding per open. */
+    open: boolean;
+    available: AvailableContext | null;
+    initialOverrides: ContextOverrides | null;
+    presets: ContextPreset[];
+    onSavePreset: (name: string, preset: ContextPresetBody) => void;
+    onDeletePreset: (id: string) => void;
+}
+declare function useContextEditorModel({ open, available, initialOverrides, presets, onSavePreset, onDeletePreset, }: UseContextEditorModelParams): ContextEditorModel;
+
+export { type ContextEditorModel, type ContextPresetBody, type UseContextEditorModelParams, useContextEditorModel };

package/dist/components/context-editor/use-context-editor-model.d.ts

@@ -0,0 +1,57 @@
+import { ContextPreset, ContextToolInfo, ContextSkillInfo, ContextOverrides, AvailableContext } from '@sero-ai/common';
+
+/**
+ * useContextEditorModel — the controlled editing state for the ContextEditor.
+ *
+ * Holds the working overrides (system prompt, disabled tools/skills, preset
+ * selection) and all the toggle/normalize/preset logic, seeded from the
+ * `available` context and `initialOverrides`. Host-agnostic: persistence
+ * (apply / save preset / delete preset) is injected by the consumer, so the
+ * chat session editor and an app module (e.g. an Orchestrator loop) share one
+ * implementation.
+ */
+
+/** The persistable body of a preset (id assigned by the consumer). */
+type ContextPresetBody = Pick<ContextPreset, 'systemPrompt' | 'disabledTools' | 'disabledSkills'>;
+interface CapabilityState<TItem extends ContextToolInfo | ContextSkillInfo> {
+    items: TItem[];
+    allDisabled: boolean;
+    enabledCount: number;
+    isEnabled: (name: string) => boolean;
+    onToggle: (name: string) => void;
+    onToggleAll: (disabled: boolean) => void;
+}
+interface ContextEditorModel {
+    displayedPrompt: string;
+    systemPrompt: string | null;
+    setSystemPrompt: (value: string | null) => void;
+    preset: {
+        allPresets: ContextPreset[];
+        activePresetId: string | null;
+        activeUserPreset: ContextPreset | null;
+        hasOverrides: boolean;
+        showSaveInput: boolean;
+        onPresetChange: (id: string) => void;
+        onDelete: (id: string) => void;
+        onReset: () => void;
+        onShowSave: () => void;
+        onSave: (name: string) => void;
+        onCancelSave: () => void;
+    };
+    tools: CapabilityState<ContextToolInfo>;
+    skills: CapabilityState<ContextSkillInfo>;
+    /** Build the overrides to persist, or null when nothing is overridden. */
+    buildOverrides: () => ContextOverrides | null;
+}
+interface UseContextEditorModelParams {
+    /** Whether the editor is open — drives one-time seeding per open. */
+    open: boolean;
+    available: AvailableContext | null;
+    initialOverrides: ContextOverrides | null;
+    presets: ContextPreset[];
+    onSavePreset: (name: string, preset: ContextPresetBody) => void;
+    onDeletePreset: (id: string) => void;
+}
+declare function useContextEditorModel({ open, available, initialOverrides, presets, onSavePreset, onDeletePreset, }: UseContextEditorModelParams): ContextEditorModel;
+
+export { type ContextEditorModel, type ContextPresetBody, type UseContextEditorModelParams, useContextEditorModel };

package/dist/components/context-editor/use-context-editor-model.js

@@ -0,0 +1,194 @@
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+const NONE_PRESET = {
+  id: "__none__",
+  name: "None",
+  systemPrompt: "",
+  disabledTools: ["__all__"],
+  disabledSkills: ["__all__"]
+};
+const DEFAULT_PRESET = {
+  id: "__default__",
+  name: "Default",
+  systemPrompt: null,
+  disabledTools: [],
+  disabledSkills: []
+};
+const BUILTIN_PRESETS = [DEFAULT_PRESET, NONE_PRESET];
+function normalizeDisabledNames(names, availableNames) {
+  const allowed = new Set(availableNames);
+  return new Set((names ?? []).filter((name) => allowed.has(name)));
+}
+function appliedSystemPrompt(overrides) {
+  if (!overrides || !Object.prototype.hasOwnProperty.call(overrides, "systemPrompt")) return null;
+  return typeof overrides.systemPrompt === "string" ? overrides.systemPrompt : null;
+}
+function enabledCount(items, disabled, allDisabled) {
+  if (allDisabled) return 0;
+  return items.filter((item) => !disabled.has(item.name)).length;
+}
+function useContextEditorModel({
+  open,
+  available,
+  initialOverrides,
+  presets,
+  onSavePreset,
+  onDeletePreset
+}) {
+  const [systemPrompt, setSystemPromptState] = useState(null);
+  const [disabledTools, setDisabledTools] = useState(/* @__PURE__ */ new Set());
+  const [disabledSkills, setDisabledSkills] = useState(/* @__PURE__ */ new Set());
+  const [allToolsDisabled, setAllToolsDisabled] = useState(false);
+  const [allSkillsDisabled, setAllSkillsDisabled] = useState(false);
+  const [activePresetId, setActivePresetId] = useState("__default__");
+  const [showSaveInput, setShowSaveInput] = useState(false);
+  const tools = available?.tools ?? [];
+  const skills = available?.skills ?? [];
+  const seededRef = useRef(false);
+  useEffect(() => {
+    if (!open) {
+      seededRef.current = false;
+      return;
+    }
+    if (seededRef.current || !available) return;
+    seededRef.current = true;
+    const seedDisabledTools = normalizeDisabledNames(
+      initialOverrides?.disabledTools,
+      available.tools.map((t) => t.name)
+    );
+    const seedDisabledSkills = normalizeDisabledNames(
+      initialOverrides?.disabledSkills,
+      available.skills.map((s) => s.name)
+    );
+    const allTools = available.tools.length > 0 && seedDisabledTools.size >= available.tools.length;
+    const allSkills = available.skills.length > 0 && seedDisabledSkills.size >= available.skills.length;
+    setSystemPromptState(appliedSystemPrompt(initialOverrides));
+    setDisabledTools(allTools ? /* @__PURE__ */ new Set() : seedDisabledTools);
+    setDisabledSkills(allSkills ? /* @__PURE__ */ new Set() : seedDisabledSkills);
+    setAllToolsDisabled(allTools);
+    setAllSkillsDisabled(allSkills);
+    setActivePresetId(initialOverrides ? null : "__default__");
+    setShowSaveInput(false);
+  }, [open, available, initialOverrides]);
+  const setSystemPrompt = useCallback((value) => {
+    setSystemPromptState(value);
+    setActivePresetId(null);
+  }, []);
+  const toggleCapability = useCallback(
+    (name, items, disabled, allDisabled, setDisabled, setAll) => {
+      let next;
+      if (allDisabled) {
+        next = new Set(items.map((i) => i.name));
+        next.delete(name);
+      } else {
+        next = new Set(disabled);
+        if (next.has(name)) next.delete(name);
+        else next.add(name);
+      }
+      const total = items.length;
+      const allNowDisabled = total > 0 && next.size >= total;
+      setDisabled(allNowDisabled ? /* @__PURE__ */ new Set() : next);
+      setAll(allNowDisabled);
+      setActivePresetId(null);
+    },
+    []
+  );
+  const loadPreset = useCallback(
+    (presetId) => {
+      const all = [...BUILTIN_PRESETS, ...presets];
+      const preset = all.find((p) => p.id === presetId);
+      if (!preset) return;
+      const allTools = preset.disabledTools.includes("__all__");
+      const allSkills = preset.disabledSkills.includes("__all__");
+      setSystemPromptState(preset.systemPrompt);
+      setDisabledTools(new Set(allTools ? [] : preset.disabledTools));
+      setDisabledSkills(new Set(allSkills ? [] : preset.disabledSkills));
+      setAllToolsDisabled(allTools);
+      setAllSkillsDisabled(allSkills);
+      setActivePresetId(presetId);
+    },
+    [presets]
+  );
+  const resetToDefault = useCallback(() => {
+    setSystemPromptState(null);
+    setDisabledTools(/* @__PURE__ */ new Set());
+    setDisabledSkills(/* @__PURE__ */ new Set());
+    setAllToolsDisabled(false);
+    setAllSkillsDisabled(false);
+    setActivePresetId("__default__");
+    setShowSaveInput(false);
+  }, []);
+  const buildOverrides = useCallback(() => {
+    const toolsToDisable = allToolsDisabled ? tools.map((t) => t.name) : Array.from(disabledTools);
+    const skillsToDisable = allSkillsDisabled ? skills.map((s) => s.name) : Array.from(disabledSkills);
+    const has = systemPrompt !== null || toolsToDisable.length > 0 || skillsToDisable.length > 0;
+    if (!has) return null;
+    return {
+      systemPrompt: systemPrompt ?? void 0,
+      disabledTools: toolsToDisable.length > 0 ? toolsToDisable : void 0,
+      disabledSkills: skillsToDisable.length > 0 ? skillsToDisable : void 0
+    };
+  }, [allToolsDisabled, allSkillsDisabled, tools, skills, disabledTools, disabledSkills, systemPrompt]);
+  const handleSavePreset = useCallback(
+    (name) => {
+      onSavePreset(name, {
+        systemPrompt,
+        disabledTools: allToolsDisabled ? ["__all__"] : Array.from(disabledTools),
+        disabledSkills: allSkillsDisabled ? ["__all__"] : Array.from(disabledSkills)
+      });
+      setShowSaveInput(false);
+    },
+    [onSavePreset, systemPrompt, allToolsDisabled, disabledTools, allSkillsDisabled, disabledSkills]
+  );
+  const allPresets = useMemo(() => [...BUILTIN_PRESETS, ...presets], [presets]);
+  const activeUserPreset = useMemo(
+    () => activePresetId && !activePresetId.startsWith("__") ? allPresets.find((p) => p.id === activePresetId) ?? null : null,
+    [activePresetId, allPresets]
+  );
+  const hasOverrides = systemPrompt !== null || disabledTools.size > 0 || disabledSkills.size > 0 || allToolsDisabled || allSkillsDisabled;
+  return {
+    displayedPrompt: systemPrompt ?? available?.systemPrompt ?? "",
+    systemPrompt,
+    setSystemPrompt,
+    preset: {
+      allPresets,
+      activePresetId,
+      activeUserPreset,
+      hasOverrides,
+      showSaveInput,
+      onPresetChange: loadPreset,
+      onDelete: onDeletePreset,
+      onReset: resetToDefault,
+      onShowSave: () => setShowSaveInput(true),
+      onSave: handleSavePreset,
+      onCancelSave: () => setShowSaveInput(false)
+    },
+    tools: {
+      items: tools,
+      allDisabled: allToolsDisabled,
+      enabledCount: enabledCount(tools, disabledTools, allToolsDisabled),
+      isEnabled: (name) => !allToolsDisabled && !disabledTools.has(name),
+      onToggle: (name) => toggleCapability(name, tools, disabledTools, allToolsDisabled, setDisabledTools, setAllToolsDisabled),
+      onToggleAll: (disabled) => {
+        setAllToolsDisabled(disabled);
+        setDisabledTools(/* @__PURE__ */ new Set());
+        setActivePresetId(null);
+      }
+    },
+    skills: {
+      items: skills,
+      allDisabled: allSkillsDisabled,
+      enabledCount: enabledCount(skills, disabledSkills, allSkillsDisabled),
+      isEnabled: (name) => !allSkillsDisabled && !disabledSkills.has(name),
+      onToggle: (name) => toggleCapability(name, skills, disabledSkills, allSkillsDisabled, setDisabledSkills, setAllSkillsDisabled),
+      onToggleAll: (disabled) => {
+        setAllSkillsDisabled(disabled);
+        setDisabledSkills(/* @__PURE__ */ new Set());
+        setActivePresetId(null);
+      }
+    },
+    buildOverrides
+  };
+}
+export {
+  useContextEditorModel
+};