@treeseed/cli 0.4.12 → 0.6.0

package/dist/cli/handlers/config-ui.js

@@ -1,4 +1,5 @@
-import { Box, render, Text, useApp, useInput, useWindowSize } from "ink";
+import { spawnSync } from "node:child_process";
+import { Box, render, Text, useApp, useInput, usePaste, useWindowSize } from "ink";
 import React from "react";
 import {
   AppFrame,
@@ -14,25 +15,71 @@ import {
   SecondaryButton,
   StatusBar,
   TextInputField,
-  TopTabs,
+  formatSecretMaskedValue,
   truncateLine,
   wrapText
 } from "../ui/framework.js";
 import { useTerminalMouse } from "../ui/mouse.js";
-const CONFIG_FILTERS = ["all", "local", "staging", "prod"];
-const CONFIG_VIEW_MODES = ["startup", "full"];
+const FULL_CONFIG_FILTERS = ["local", "staging", "prod"];
 function maskValue(value) {
   if (!value) {
     return "(unset)";
   }
-  if (value.length <= 8) {
-    return "********";
-  }
-  return `${value.slice(0, 3)}...${value.slice(-3)}`;
+  return formatSecretMaskedValue(value);
 }
 function scopeOrder(scope) {
   return ["local", "staging", "prod"].indexOf(scope);
 }
+function providerWorkflowKey(entry) {
+  const id = entry.id.toUpperCase();
+  if (id.startsWith("GH_") || id.includes("GITHUB")) {
+    return "github";
+  }
+  if (id.startsWith("CLOUDFLARE_") || id.includes("TURNSTILE") || entry.group === "cloudflare") {
+    return "cloudflare";
+  }
+  if (id.startsWith("RAILWAY_") || entry.group === "railway") {
+    return "railway";
+  }
+  if (entry.group === "local-development") {
+    return "local-development";
+  }
+  if (entry.group === "forms") {
+    return "forms";
+  }
+  if (entry.group === "smtp") {
+    return "smtp";
+  }
+  if (entry.group === "auth") {
+    return "auth-core";
+  }
+  return entry.group;
+}
+function providerWorkflowRank(entry) {
+  const order = ["auth-core", "github", "cloudflare", "railway", "local-development", "forms", "smtp"];
+  const index = order.indexOf(providerWorkflowKey(entry));
+  return index === -1 ? order.length : index;
+}
+function normalizedClusterKey(entry) {
+  const provider = providerWorkflowKey(entry);
+  const cluster = entry.cluster.trim().toLowerCase();
+  if (provider === "cloudflare") {
+    if (entry.id.includes("API_TOKEN") || entry.id.includes("ACCOUNT_ID")) {
+      return "cloudflare-account";
+    }
+    if (entry.id.includes("TURNSTILE") || cluster.includes("turnstile")) {
+      return "cloudflare-turnstile";
+    }
+    return `cloudflare-${cluster}`;
+  }
+  if (provider === "railway") {
+    if (entry.id.includes("API_TOKEN")) {
+      return "railway-access";
+    }
+    return `railway-${cluster}`;
+  }
+  return `${provider}-${cluster}`;
+}
 function resolveFirstNonEmptyValue(scopes, entriesByScope, entryId, field) {
   for (const scope of scopes) {
     const entry = entriesByScope[scope].find((candidate) => candidate.id === entryId);
@@ -43,15 +90,78 @@ function resolveFirstNonEmptyValue(scopes, entriesByScope, entryId, field) {
   }
   return "";
 }
+function resolveSharedEntryValue(relevantScopes, requiredScopes, entriesByScope, entryId, field, options = {}) {
+  const preferredScopes = requiredScopes.length > 0 ? requiredScopes : relevantScopes;
+  const preferredValue = resolveFirstNonEmptyValue(preferredScopes, entriesByScope, entryId, field);
+  if (preferredValue.length > 0) {
+    return preferredValue;
+  }
+  if (options.fallbackToRelevant === false) {
+    return "";
+  }
+  return resolveFirstNonEmptyValue(relevantScopes, entriesByScope, entryId, field);
+}
+function resolveCurrentConfigValue(context, overrides, entryId, scope = "local") {
+  const sharedOverrideKey = `shared:${entryId}`;
+  if (sharedOverrideKey in overrides) {
+    return overrides[sharedOverrideKey] ?? "";
+  }
+  const scopedOverrideKey = `${scope}:${entryId}`;
+  if (scopedOverrideKey in overrides) {
+    return overrides[scopedOverrideKey] ?? "";
+  }
+  for (const candidateScope of [scope, ...context.scopes.filter((candidate) => candidate !== scope)]) {
+    const entry = context.entriesByScope[candidateScope].find((candidate) => candidate.id === entryId);
+    if (entry?.storage === "shared") {
+      const overrideKey = `shared:${entryId}`;
+      if (overrideKey in overrides) {
+        return overrides[overrideKey] ?? "";
+      }
+    }
+    if (typeof entry?.currentValue === "string" && entry.currentValue.length > 0) {
+      return entry.currentValue;
+    }
+  }
+  return "";
+}
 function hasUsableValue(value) {
   return typeof value === "string" && value.trim().length > 0;
 }
+function isConfigValueValid(entry, value) {
+  if (!hasUsableValue(value)) {
+    return false;
+  }
+  if (!entry.validation) {
+    return true;
+  }
+  switch (entry.validation.kind) {
+    case "string":
+    case "nonempty":
+      return value.trim().length > 0 && (typeof entry.validation.minLength !== "number" || value.trim().length >= entry.validation.minLength);
+    case "boolean":
+      return /^(true|false|1|0)$/i.test(value);
+    case "number":
+      return Number.isFinite(Number(value));
+    case "url":
+      try {
+        new URL(value);
+        return true;
+      } catch {
+        return false;
+      }
+    case "email":
+      return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value);
+    case "enum":
+      return entry.validation.values.includes(value);
+    default:
+      return true;
+  }
+}
 function isWizardRequiredMissing(page) {
-  if (!page.required) {
+  if (page.requiredScopes.length === 0) {
     return false;
   }
-  const resolvedValue = page.currentValue || page.suggestedValue || page.finalValue || page.entry.effectiveValue || "";
-  return !hasUsableValue(resolvedValue);
+  return !isConfigValueValid(page.entry, page.finalValue);
 }
 function startupPriority(page) {
   if (page.required) {
@@ -68,6 +178,21 @@ function formatDisplayValue(page, value, emptyLabel) {
   }
   return page.entry.sensitivity === "secret" ? maskValue(value) : value;
 }
+function filterCliConfigPages(pages, query) {
+  const normalizedQuery = query.trim().toLowerCase();
+  if (!normalizedQuery) {
+    return pages;
+  }
+  return pages.filter(
+    (page) => [
+      page.entry.id,
+      page.entry.label,
+      page.entry.group,
+      page.entry.cluster,
+      page.scope
+    ].some((field) => field.toLowerCase().includes(normalizedQuery))
+  );
+}
 function tabRects(prefix, items, selectedIndex, y, startX) {
   let x = startX + prefix.length;
   return items.map((item, index) => {
@@ -90,7 +215,7 @@ function buttonRects(labels, y, startX) {
   });
 }
 function computeConfigViewportLayout(rows, columns) {
-  const layout = computeViewportLayout(rows, columns, { topBarHeight: 2, footerHeight: 2 });
+  const layout = computeViewportLayout(rows, columns, { topBarHeight: 3, footerHeight: 2 });
   const sidebarWidth = Math.max(22, Math.min(34, Math.floor(layout.columns * 0.28)));
   const contentWidth = Math.max(34, layout.columns - sidebarWidth - 1);
   const actionRowHeight = 1;
@@ -107,7 +232,7 @@ function computeConfigViewportLayout(rows, columns) {
   };
 }
 function buildCliConfigPages(context, selectedFilter, overrides = {}, viewMode = "startup") {
-  const selectedScopes = selectedFilter === "all" ? context.scopes : context.scopes.filter((scope) => scope === selectedFilter);
+  const selectedScopes = viewMode === "startup" ? context.scopes : context.scopes.filter((scope) => scope === selectedFilter);
   const sharedEntries = /* @__PURE__ */ new Set();
   const pages = [];
   for (const scope of selectedScopes) {
@@ -119,17 +244,30 @@ function buildCliConfigPages(context, selectedFilter, overrides = {}, viewMode =
         const relevantScopes = selectedScopes.filter((candidateScope) => context.entriesByScope[candidateScope].some((candidate) => candidate.id === entry.id));
         const key2 = `shared:${entry.id}`;
         sharedEntries.add(entry.id);
-        const currentValue = resolveFirstNonEmptyValue(relevantScopes, context.entriesByScope, entry.id, "currentValue");
-        const suggestedValue = resolveFirstNonEmptyValue(relevantScopes, context.entriesByScope, entry.id, "suggestedValue");
+        const requiredScopes = relevantScopes.filter((candidateScope) => context.entriesByScope[candidateScope].some((candidate) => candidate.id === entry.id && candidate.required));
+        const currentValue = resolveSharedEntryValue(relevantScopes, requiredScopes, context.entriesByScope, entry.id, "currentValue");
+        const suggestedValue = resolveSharedEntryValue(relevantScopes, requiredScopes, context.entriesByScope, entry.id, "suggestedValue", {
+          fallbackToRelevant: requiredScopes.length === 0
+        });
+        const effectiveValue = resolveSharedEntryValue(relevantScopes, requiredScopes, context.entriesByScope, entry.id, "effectiveValue", {
+          fallbackToRelevant: requiredScopes.length === 0
+        });
         const candidatePage2 = {
+          kind: "entry",
           key: key2,
           entry,
           scope,
           scopes: relevantScopes,
-          required: relevantScopes.some((candidateScope) => context.entriesByScope[candidateScope].some((candidate) => candidate.id === entry.id && candidate.required)),
+          requiredScopes,
+          required: requiredScopes.length > 0,
           currentValue,
           suggestedValue,
-          finalValue: key2 in overrides ? overrides[key2] : currentValue || suggestedValue || entry.effectiveValue || ""
+          finalValue: resolveEntryPageFinalValue(key2, {
+            ...entry,
+            currentValue,
+            suggestedValue,
+            effectiveValue
+          }, overrides)
         };
         pages.push({
           ...candidatePage2,
@@ -139,14 +277,16 @@ function buildCliConfigPages(context, selectedFilter, overrides = {}, viewMode =
       }
       const key = `${scope}:${entry.id}`;
       const candidatePage = {
+        kind: "entry",
         key,
         entry,
         scope,
         scopes: [scope],
+        requiredScopes: entry.required ? [scope] : [],
         required: entry.required,
         currentValue: entry.currentValue,
         suggestedValue: entry.suggestedValue,
-        finalValue: key in overrides ? overrides[key] : entry.currentValue || entry.suggestedValue || entry.effectiveValue || ""
+        finalValue: resolveEntryPageFinalValue(key, entry, overrides)
       };
       pages.push({
         ...candidatePage,
@@ -158,18 +298,25 @@ function buildCliConfigPages(context, selectedFilter, overrides = {}, viewMode =
     if (startupPriority(left) !== startupPriority(right)) {
       return startupPriority(left) - startupPriority(right);
     }
-    if (left.entry.storage !== right.entry.storage) {
-      return left.entry.storage === "shared" ? -1 : 1;
+    if (left.entry.startupProfile !== right.entry.startupProfile) {
+      const order = { core: 0, optional: 1, advanced: 2 };
+      return order[left.entry.startupProfile] - order[right.entry.startupProfile];
     }
-    if (left.entry.purposes.length !== right.entry.purposes.length) {
-      return right.entry.purposes.length - left.entry.purposes.length;
+    if (providerWorkflowRank(left.entry) !== providerWorkflowRank(right.entry)) {
+      return providerWorkflowRank(left.entry) - providerWorkflowRank(right.entry);
+    }
+    if (normalizedClusterKey(left.entry) !== normalizedClusterKey(right.entry)) {
+      return normalizedClusterKey(left.entry).localeCompare(normalizedClusterKey(right.entry));
     }
-    if (left.entry.group !== right.entry.group) {
-      return left.entry.group.localeCompare(right.entry.group);
+    if (left.entry.storage !== right.entry.storage) {
+      return left.entry.storage === "shared" ? -1 : 1;
     }
     if (left.scope !== right.scope) {
       return scopeOrder(left.scope) - scopeOrder(right.scope);
     }
+    if (left.entry.purposes.length !== right.entry.purposes.length) {
+      return right.entry.purposes.length - left.entry.purposes.length;
+    }
     return left.entry.label.localeCompare(right.entry.label);
   });
   return viewMode === "startup" ? orderedPages.filter((page) => page.wizardRequiredMissing) : orderedPages;
@@ -179,17 +326,17 @@ function buildStartupDetailLines(step, draftValue) {
     return ["No startup configuration is required for the selected environment set."];
   }
   return [
-    `Step ${step.index + 1} of ${step.total}`,
-    step.entry.label,
-    step.entry.id,
-    `${step.required ? "Required" : "Optional"} ${step.entry.storage === "shared" ? "shared" : "environment-specific"} value for ${step.scopes.join(", ")}`,
-    "",
-    step.entry.description || "Treeseed needs this value to complete setup.",
+    `${step.entry.label} (${step.entry.id})`,
+    `Applies to: ${step.scopes.join(", ")}`,
+    `Required in: ${step.requiredScopes.join(", ")}`,
+    `Storage: ${step.entry.storage}`,
     "",
-    `How to get it: ${step.entry.howToGet || "Use the suggested/default value if it matches your setup."}`,
     `Current value: ${formatDisplayValue(step, step.currentValue, "(unset)")}`,
     `Suggested value: ${formatDisplayValue(step, step.suggestedValue, "(none)")}`,
-    `Pending value: ${formatDisplayValue(step, draftValue, "(unset)")}`
+    `Pending value: ${formatDisplayValue(step, draftValue, "(unset)")}`,
+    "",
+    step.entry.description || "Treeseed needs this value to complete setup.",
+    `How to get it: ${step.entry.howToGet || "Use the suggested/default value if it matches your setup."}`
   ];
 }
 function buildFullDetailLines(page, draftValue) {
@@ -197,23 +344,17 @@ function buildFullDetailLines(page, draftValue) {
     return ["No configuration entries match the selected environment filter."];
   }
   return [
-    page.entry.label,
-    page.entry.id,
+    `${page.entry.label} (${page.entry.id})`,
     `Scope: ${page.scopes.join(", ")}`,
     `Storage: ${page.entry.storage} | ${page.required ? "required" : "optional"}`,
     `Group: ${page.entry.group}`,
-    `Used for: ${page.entry.purposes.join(", ") || "(none)"}`,
-    `Targets: ${page.entry.targets.join(", ") || "(none)"}`,
-    "",
-    "About",
-    page.entry.description || "(no description)",
-    "",
-    "How to get it",
-    page.entry.howToGet || "(no extra setup guidance)",
     "",
     `Current: ${formatDisplayValue(page, page.currentValue, "(unset)")}`,
     `Suggested: ${formatDisplayValue(page, page.suggestedValue, "(none)")}`,
-    `Pending: ${formatDisplayValue(page, draftValue, "(unset)")}`
+    `Pending: ${formatDisplayValue(page, draftValue, "(unset)")}`,
+    "",
+    page.entry.description || "(no description)",
+    `Get it: ${page.entry.howToGet || "(no extra setup guidance)"}`
   ];
 }
 function detailViewportLines(lines, width, height, offset) {
@@ -233,6 +374,12 @@ function nextDraftValue(page, drafts) {
   }
   return page.key in drafts ? drafts[page.key] : page.finalValue;
 }
+function resolveEntryPageFinalValue(pageKey, entry, overrides) {
+  if (pageKey in overrides) {
+    return overrides[pageKey];
+  }
+  return entry.effectiveValue || entry.suggestedValue || entry.currentValue || "";
+}
 function insertAt(value, insert, cursor) {
   return `${value.slice(0, cursor)}${insert}${value.slice(cursor)}`;
 }
@@ -255,10 +402,47 @@ function deleteForward(value, cursor) {
   };
 }
 function cycleFocus(current, viewMode) {
-  const areas = viewMode === "startup" ? ["environment", "mode", "content", "actions"] : ["environment", "mode", "sidebar", "content", "actions"];
+  const areas = viewMode === "startup" ? ["content", "actions"] : ["environment", "filter", "sidebar", "content", "actions"];
   const index = areas.indexOf(current);
   return areas[(index + 1) % areas.length] ?? "content";
 }
+function normalizeConfigInputChunk(input) {
+  if (!input) {
+    return "";
+  }
+  return input.replace(/\u001b\[200~/gu, "").replace(/\u001b\[201~/gu, "").replace(/\r\n/gu, "\n").replace(/\r/gu, "\n").replace(/[\u0000-\u0008\u000b\u000c\u000e-\u001f\u007f]/gu, "").replace(/\n+$/gu, "");
+}
+function applyConfigInputInsertion(state, input) {
+  const normalized = normalizeConfigInputChunk(input);
+  if (!normalized) {
+    return state;
+  }
+  return {
+    value: insertAt(state.value, normalized, state.cursor),
+    cursor: state.cursor + normalized.length
+  };
+}
+function runClipboardCommand(command, args) {
+  const result = spawnSync(command, args, {
+    stdio: "pipe",
+    encoding: "utf8",
+    timeout: 1500
+  });
+  if (result.status !== 0) {
+    return null;
+  }
+  const text = String(result.stdout ?? "").replace(/\r\n/gu, "\n");
+  return text.length > 0 ? text : null;
+}
+function readLinuxClipboardText() {
+  if (process.platform !== "linux") {
+    return null;
+  }
+  return runClipboardCommand("wl-paste", ["--no-newline"]) ?? runClipboardCommand("xclip", ["-selection", "clipboard", "-o"]) ?? runClipboardCommand("xsel", ["--clipboard", "--output"]);
+}
+function isCtrlVPaste(input, key) {
+  return key.ctrl && input === "v" || input === "";
+}
 async function runCliConfigEditor(context, options = {}) {
   if (!process.stdin.isTTY || !process.stdout.isTTY) {
     return null;
@@ -275,6 +459,8 @@ async function runCliConfigEditor(context, options = {}) {
       resolveSession(result);
     };
     function App() {
+      const sidebarFilterHeight = 4;
+      const [currentContext, setCurrentContext] = React.useState(context);
       const [filterIndex, setFilterIndex] = React.useState(0);
       const [viewMode, setViewMode] = React.useState(options.initialViewMode ?? "startup");
       const [pageIndex, setPageIndex] = React.useState(0);
@@ -283,32 +469,59 @@ async function runCliConfigEditor(context, options = {}) {
       const [drafts, setDrafts] = React.useState({});
       const [cursorPositions, setCursorPositions] = React.useState({});
       const [overrides, setOverrides] = React.useState({});
-      const [focusArea, setFocusArea] = React.useState(options.initialViewMode === "full" ? "sidebar" : "content");
+      const [filterQuery, setFilterQuery] = React.useState("");
+      const [filterCursor, setFilterCursor] = React.useState(0);
+      const [focusArea, setFocusArea] = React.useState(options.initialViewMode === "full" ? "filter" : "content");
       const [actionIndex, setActionIndex] = React.useState(0);
-      const [statusMessage, setStatusMessage] = React.useState("Startup wizard ready. Click or Tab through controls, then update values one step at a time.");
+      const [saving, setSaving] = React.useState(false);
+      const [statusMessage, setStatusMessage] = React.useState(
+        options.initialStatusMessage ?? (options.initialViewMode === "full" ? "Full editor ready. Filter the variable list or edit the selected value." : "Startup wizard ready. Update each required value in order.")
+      );
       const { exit } = useApp();
       const windowSize = useWindowSize();
       const layout = computeConfigViewportLayout(windowSize?.rows ?? 24, windowSize?.columns ?? 100);
-      const selectedFilter = CONFIG_FILTERS[filterIndex] ?? "all";
-      const pages = buildCliConfigPages(context, selectedFilter, overrides, viewMode);
+      const selectedFilter = FULL_CONFIG_FILTERS[filterIndex] ?? "local";
+      const allPages = buildCliConfigPages(currentContext, selectedFilter, overrides, viewMode);
+      const pages = viewMode === "full" ? filterCliConfigPages(allPages, filterQuery) : allPages;
       const safePageIndex = pages.length === 0 ? 0 : Math.min(pageIndex, pages.length - 1);
       const selectedPage = pages[safePageIndex] ?? null;
       const draftValue = nextDraftValue(selectedPage, drafts);
       const cursorPosition = selectedPage ? Math.max(0, Math.min(cursorPositions[selectedPage.key] ?? draftValue.length, draftValue.length)) : 0;
+      const focusAreaRef = React.useRef(focusArea);
+      const viewModeRef = React.useRef(viewMode);
+      const selectedPageRef = React.useRef(selectedPage);
+      const draftValueRef = React.useRef(draftValue);
+      const cursorPositionRef = React.useRef(cursorPosition);
+      const filterQueryRef = React.useRef(filterQuery);
+      const filterCursorRef = React.useRef(filterCursor);
+      focusAreaRef.current = focusArea;
+      viewModeRef.current = viewMode;
+      selectedPageRef.current = selectedPage;
+      draftValueRef.current = draftValue;
+      cursorPositionRef.current = cursorPosition;
+      filterQueryRef.current = filterQuery;
+      filterCursorRef.current = filterCursor;
       const startupStep = selectedPage ? { ...selectedPage, index: safePageIndex, total: pages.length } : null;
       const detailSourceLines = viewMode === "startup" ? buildStartupDetailLines(startupStep, draftValue) : buildFullDetailLines(selectedPage, draftValue);
-      const detailPanel = detailViewportLines(detailSourceLines, layout.contentWidth, layout.detailHeight, detailOffset);
-      const authStatus = context.authStatusByScope.local ?? context.authStatusByScope[context.scopes[0]];
-      const sidebarViewportSize = Math.max(1, layout.bodyHeight - 4);
+      const detailWidth = viewMode === "full" ? layout.contentWidth : layout.columns;
+      const detailPanel = detailViewportLines(detailSourceLines, detailWidth, layout.detailHeight, detailOffset);
+      const configReadiness = {
+        github: { configured: hasUsableValue(resolveCurrentConfigValue(currentContext, overrides, "GH_TOKEN", "local")) },
+        cloudflare: { configured: hasUsableValue(resolveCurrentConfigValue(currentContext, overrides, "CLOUDFLARE_API_TOKEN", "local")) },
+        railway: { configured: hasUsableValue(resolveCurrentConfigValue(currentContext, overrides, "RAILWAY_API_TOKEN", "local")) },
+        localDevelopment: currentContext.configReadinessByScope.local?.localDevelopment ?? { configured: true }
+      };
+      const sidebarHeight = Math.max(4, layout.bodyHeight - sidebarFilterHeight);
+      const sidebarViewportSize = Math.max(1, sidebarHeight - 4);
       const safeSidebarOffset = clampOffset(ensureVisible(safePageIndex, sidebarOffset, sidebarViewportSize), pages.length, sidebarViewportSize);
       const visibleSidebar = pages.slice(safeSidebarOffset, safeSidebarOffset + sidebarViewportSize);
-      const startupActions = selectedPage ? ["Back", ...hasUsableValue(selectedPage?.suggestedValue ?? "") ? ["Use Suggested + Next"] : [], "Update + Next", "Full Editor"] : ["Open Full Editor", "Save and Continue"];
-      const fullActions = ["Update + Next", "Clear", "Startup Wizard", "Finish"];
+      const startupActions = selectedPage ? ["Back", ...hasUsableValue(selectedPage?.suggestedValue ?? "") ? ["Use Suggested + Next"] : [], "Update + Next"] : [];
+      const fullActions = ["Save Value", "Clear", "Finish"];
       const actions = viewMode === "startup" ? startupActions : fullActions;
-      const envRects = tabRects("Env ", CONFIG_FILTERS, filterIndex, 2, 1);
-      const modeRects = tabRects("View ", CONFIG_VIEW_MODES, CONFIG_VIEW_MODES.indexOf(viewMode), 2, Math.floor(layout.columns / 2));
+      const envRects = viewMode === "full" ? tabRects("Env ", FULL_CONFIG_FILTERS, filterIndex, 2, 1) : [];
       const clickRegions = [];
       const sidebarRect = { x: 0, y: layout.topBarHeight, width: layout.sidebarWidth, height: layout.bodyHeight };
+      const filterRect = { x: 0, y: layout.topBarHeight, width: layout.sidebarWidth, height: sidebarFilterHeight };
       const detailRect = {
         x: viewMode === "full" ? layout.sidebarWidth + 1 : 0,
         y: layout.topBarHeight,
@@ -332,32 +545,120 @@ async function runCliConfigEditor(context, options = {}) {
       }, [detailPanel.offset, detailOffset]);
       React.useEffect(() => {
         setActionIndex(0);
-      }, [viewMode]);
+      }, [viewMode, selectedPage?.key]);
       React.useEffect(() => {
         setDetailOffset(0);
       }, [selectedPage?.key]);
+      React.useEffect(() => {
+        if (viewMode === "startup" && selectedPage) {
+          setFocusArea("content");
+        }
+      }, [selectedPage?.key, viewMode, selectedPage]);
+      React.useEffect(() => {
+        setPageIndex(0);
+        setSidebarOffset(0);
+      }, [filterQuery, selectedFilter]);
       React.useEffect(() => {
         if (selectedPage && !(selectedPage.key in cursorPositions)) {
           setCursorPositions((current) => ({ ...current, [selectedPage.key]: draftValue.length }));
         }
       }, [cursorPositions, draftValue.length, selectedPage]);
       React.useEffect(() => {
-        setFocusArea(viewMode === "full" ? "sidebar" : "content");
+        setFocusArea(viewMode === "full" ? "filter" : "content");
       }, [viewMode]);
-      const saveCurrentDraft = React.useCallback((advance) => {
-        if (!selectedPage) {
+      React.useEffect(() => {
+        if (viewMode === "startup" && pages.length === 0) {
+          setViewMode("full");
+          setFocusArea("filter");
+          setPageIndex(0);
+          setFilterIndex(0);
+          setFilterQuery("");
+          setFilterCursor(0);
+          setStatusMessage("Startup configuration is complete. Switched to the full editor.");
+        }
+      }, [pages.length, viewMode]);
+      const finishWithOverrides = React.useCallback((nextOverrides) => {
+        finish({
+          overrides: nextOverrides,
+          viewMode
+        });
+      }, [viewMode]);
+      const advanceStartupFlow = React.useCallback((nextOverrides, currentPageKey) => {
+        const nextPages = buildCliConfigPages(currentContext, selectedFilter, nextOverrides, "startup");
+        const currentIndex = nextPages.findIndex((page) => page.key === currentPageKey);
+        const nextIndex = currentIndex >= 0 ? currentIndex + 1 : 0;
+        if (nextIndex >= nextPages.length) {
+          setOverrides(nextOverrides);
+          setViewMode("full");
+          setFocusArea("filter");
+          setPageIndex(0);
+          setFilterIndex(0);
+          setFilterQuery("");
+          setFilterCursor(0);
+          setDetailOffset(0);
+          setStatusMessage("Startup configuration is complete. Switched to the full editor.");
+          return;
+        }
+        setFocusArea("content");
+        setPageIndex(nextIndex);
+        setDetailOffset(0);
+      }, [currentContext, selectedFilter]);
+      const commitCurrentDraft = React.useCallback(async (value) => {
+        if (!selectedPage || !options.onCommit) {
+          return true;
+        }
+        setSaving(true);
+        setStatusMessage(`Saving ${selectedPage.entry.id}...`);
+        try {
+          const refreshedContext = await options.onCommit({
+            scope: selectedPage.scope,
+            entryId: selectedPage.entry.id,
+            value
+          });
+          setCurrentContext(refreshedContext);
+          setDrafts((current) => ({ ...current, [selectedPage.key]: value }));
+          setCursorPositions((current) => ({ ...current, [selectedPage.key]: value.length }));
+          setOverrides((current) => {
+            const next = { ...current };
+            delete next[selectedPage.key];
+            return next;
+          });
+          return true;
+        } catch (error) {
+          setStatusMessage(error instanceof Error ? error.message : `Unable to save ${selectedPage.entry.id}.`);
+          return false;
+        } finally {
+          setSaving(false);
+        }
+      }, [options, selectedPage]);
+      const saveCurrentDraft = React.useCallback(async (advance) => {
+        if (!selectedPage || saving) {
           return;
         }
         const value = nextDraftValue(selectedPage, drafts);
-        setOverrides((current) => ({ ...current, [selectedPage.key]: value }));
+        const committed = await commitCurrentDraft(value);
+        if (!committed) {
+          return;
+        }
+        const nextOverrides = { ...overrides, [selectedPage.key]: value };
+        setOverrides(nextOverrides);
+        setFocusArea("content");
         setStatusMessage(`Updated ${selectedPage.entry.id}.`);
         if (advance) {
+          if (viewMode === "startup") {
+            advanceStartupFlow(nextOverrides, selectedPage.key);
+            return;
+          }
           setPageIndex((current) => Math.min(Math.max(0, pages.length - 1), current + 1));
           setDetailOffset(0);
         }
-      }, [drafts, pages.length, selectedPage]);
-      const activateAction = React.useCallback((label) => {
+      }, [advanceStartupFlow, commitCurrentDraft, drafts, overrides, pages.length, saving, selectedPage, viewMode]);
+      const activateAction = React.useCallback(async (label) => {
+        if (saving) {
+          return;
+        }
         if (label === "Back") {
+          setFocusArea("content");
           setPageIndex((current) => Math.max(0, current - 1));
           setDetailOffset(0);
           return;
@@ -366,14 +667,28 @@ async function runCliConfigEditor(context, options = {}) {
           const suggested = selectedPage.suggestedValue || selectedPage.finalValue;
           setDrafts((current) => ({ ...current, [selectedPage.key]: suggested }));
           setCursorPositions((current) => ({ ...current, [selectedPage.key]: suggested.length }));
-          setOverrides((current) => ({ ...current, [selectedPage.key]: suggested }));
-          setPageIndex((current) => Math.min(Math.max(0, pages.length - 1), current + 1));
+          const committed = await commitCurrentDraft(suggested);
+          if (!committed) {
+            return;
+          }
+          const nextOverrides = { ...overrides, [selectedPage.key]: suggested };
+          setOverrides(nextOverrides);
+          setFocusArea("content");
           setStatusMessage(`Accepted suggested value for ${selectedPage.entry.id}.`);
+          if (viewMode === "startup") {
+            advanceStartupFlow(nextOverrides, selectedPage.key);
+            return;
+          }
+          setPageIndex((current) => Math.min(Math.max(0, pages.length - 1), current + 1));
           setDetailOffset(0);
           return;
         }
         if (label === "Update + Next") {
-          saveCurrentDraft(true);
+          void saveCurrentDraft(true);
+          return;
+        }
+        if (label === "Save Value") {
+          void saveCurrentDraft(false);
           return;
         }
         if (label === "Clear" && selectedPage) {
@@ -383,35 +698,19 @@ async function runCliConfigEditor(context, options = {}) {
           setStatusMessage(`Cleared ${selectedPage.entry.id}.`);
           return;
         }
-        if (label === "Full Editor") {
-          setViewMode("full");
-          setFocusArea("sidebar");
-          setStatusMessage("Switched to the advanced editor.");
-          return;
+        if (label === "Finish") {
+          finishWithOverrides(overrides);
         }
-        if (label === "Startup Wizard") {
-          setViewMode("startup");
-          setFocusArea("content");
-          setStatusMessage("Switched back to the startup wizard.");
-          return;
-        }
-        if (label === "Open Full Editor") {
-          setViewMode("full");
-          setFocusArea("sidebar");
-          setStatusMessage("Opened the advanced editor.");
-          return;
-        }
-        if (label === "Save and Continue" || label === "Finish") {
-          finish({
-            overrides,
-            viewMode
-          });
-        }
-      }, [overrides, pages.length, saveCurrentDraft, selectedPage, viewMode]);
+      }, [advanceStartupFlow, commitCurrentDraft, finishWithOverrides, overrides, saveCurrentDraft, saving, selectedPage, viewMode]);
       const scrollRegions = [
         ...viewMode === "full" ? [{
           id: "config-sidebar",
-          rect: sidebarRect,
+          rect: {
+            x: sidebarRect.x,
+            y: sidebarRect.y + sidebarFilterHeight,
+            width: sidebarRect.width,
+            height: sidebarHeight
+          },
           state: {
             offset: safeSidebarOffset,
             viewportSize: sidebarViewportSize,
@@ -445,7 +744,7 @@ async function runCliConfigEditor(context, options = {}) {
           return;
         }
         findClickableRegion(clickRegions, event.x, event.y)?.onClick();
-      });
+      }, { enabled: options.mouseEnabled === true });
       useInput((input, key) => {
         if (key.ctrl && input === "c") {
           exit();
@@ -456,36 +755,74 @@ async function runCliConfigEditor(context, options = {}) {
           setFocusArea((current) => cycleFocus(current, viewMode));
           return;
         }
-        if (input === "t") {
-          setViewMode((current) => current === "startup" ? "full" : "startup");
-          return;
-        }
-        if (input === "s") {
+        if (input === "s" && focusArea !== "content" && focusArea !== "filter") {
           if (viewMode === "startup" && selectedPage) {
             setStatusMessage("Complete each required startup step before saving. Use Update + Next to continue.");
             return;
           }
-          finish({
-            overrides,
-            viewMode
-          });
+          finishWithOverrides(overrides);
           return;
         }
         if (focusArea === "environment") {
+          if (viewMode === "startup") {
+            return;
+          }
           if (key.leftArrow) {
             setFilterIndex((current) => Math.max(0, current - 1));
             setPageIndex(0);
             return;
           }
           if (key.rightArrow) {
-            setFilterIndex((current) => Math.min(CONFIG_FILTERS.length - 1, current + 1));
+            setFilterIndex((current) => Math.min(FULL_CONFIG_FILTERS.length - 1, current + 1));
             setPageIndex(0);
             return;
           }
         }
-        if (focusArea === "mode") {
-          if (key.leftArrow || key.rightArrow || key.return) {
-            setViewMode((current) => current === "startup" ? "full" : "startup");
+        if (focusArea === "filter" && viewMode === "full") {
+          if (isCtrlVPaste(input, key)) {
+            const clipboardText = readLinuxClipboardText();
+            if (!clipboardText) {
+              setStatusMessage("Ctrl+V clipboard paste is unavailable. Use right-click/menu paste or install wl-paste, xclip, or xsel.");
+              return;
+            }
+            const next = applyConfigInputInsertion({ value: filterQuery, cursor: filterCursor }, clipboardText);
+            setFilterQuery(next.value);
+            setFilterCursor(next.cursor);
+            setStatusMessage("Filtered the variable list from the clipboard.");
+            return;
+          }
+          if (key.home) {
+            setFilterCursor(0);
+            return;
+          }
+          if (key.end) {
+            setFilterCursor(filterQuery.length);
+            return;
+          }
+          if (key.leftArrow) {
+            setFilterCursor((current) => Math.max(0, current - 1));
+            return;
+          }
+          if (key.rightArrow) {
+            setFilterCursor((current) => Math.min(filterQuery.length, current + 1));
+            return;
+          }
+          if (key.backspace) {
+            const next = deleteBackward(filterQuery, filterCursor);
+            setFilterQuery(next.value);
+            setFilterCursor(next.cursor);
+            return;
+          }
+          if (key.delete) {
+            const next = deleteForward(filterQuery, filterCursor);
+            setFilterQuery(next.value);
+            setFilterCursor(next.cursor);
+            return;
+          }
+          if (!key.ctrl && !key.meta && input && !key.return && !key.upArrow && !key.downArrow && !key.pageDown && !key.pageUp) {
+            const next = applyConfigInputInsertion({ value: filterQuery, cursor: filterCursor }, input);
+            setFilterQuery(next.value);
+            setFilterCursor(next.cursor);
             return;
           }
         }
@@ -508,6 +845,26 @@ async function runCliConfigEditor(context, options = {}) {
           }
         }
         if (focusArea === "content") {
+          if (selectedPage && isCtrlVPaste(input, key)) {
+            const clipboardText = readLinuxClipboardText();
+            if (!clipboardText) {
+              setStatusMessage("Ctrl+V clipboard paste is unavailable. Use right-click/menu paste or install wl-paste, xclip, or xsel.");
+              return;
+            }
+            const next = applyConfigInputInsertion({ value: draftValue, cursor: cursorPosition }, clipboardText);
+            setDrafts((current) => ({ ...current, [selectedPage.key]: next.value }));
+            setCursorPositions((current) => ({ ...current, [selectedPage.key]: next.cursor }));
+            setStatusMessage(`Pasted text into ${selectedPage.entry.id}.`);
+            return;
+          }
+          if (selectedPage && key.home) {
+            setCursorPositions((current) => ({ ...current, [selectedPage.key]: 0 }));
+            return;
+          }
+          if (selectedPage && key.end) {
+            setCursorPositions((current) => ({ ...current, [selectedPage.key]: draftValue.length }));
+            return;
+          }
           if (selectedPage && key.leftArrow) {
             setCursorPositions((current) => ({ ...current, [selectedPage.key]: Math.max(0, cursorPosition - 1) }));
             return;
@@ -545,13 +902,13 @@ async function runCliConfigEditor(context, options = {}) {
             return;
           }
           if (selectedPage && key.return && viewMode === "startup") {
-            saveCurrentDraft(true);
+            void saveCurrentDraft(true);
             return;
           }
           if (!key.ctrl && !key.meta && input && selectedPage && !key.upArrow && !key.downArrow && !key.pageDown && !key.pageUp) {
-            const nextValue = insertAt(draftValue, input, cursorPosition);
-            setDrafts((current) => ({ ...current, [selectedPage.key]: nextValue }));
-            setCursorPositions((current) => ({ ...current, [selectedPage.key]: cursorPosition + input.length }));
+            const next = applyConfigInputInsertion({ value: draftValue, cursor: cursorPosition }, input);
+            setDrafts((current) => ({ ...current, [selectedPage.key]: next.value }));
+            setCursorPositions((current) => ({ ...current, [selectedPage.key]: next.cursor }));
             return;
           }
         }
@@ -565,30 +922,39 @@ async function runCliConfigEditor(context, options = {}) {
             return;
           }
           if (key.return) {
-            activateAction(actions[actionIndex] ?? actions[0] ?? "Save and Continue");
+            void activateAction(actions[actionIndex] ?? actions[0] ?? "Finish");
           }
         }
       });
-      for (const [index, item] of envRects.entries()) {
-        clickRegions.push({
-          id: `env-${item.item}`,
-          rect: item.rect,
-          onClick: () => {
-            setFilterIndex(index);
-            setPageIndex(0);
-            setFocusArea("environment");
-          }
-        });
-      }
-      for (const [index, item] of modeRects.entries()) {
-        clickRegions.push({
-          id: `mode-${item.item}`,
-          rect: item.rect,
-          onClick: () => {
-            setViewMode(CONFIG_VIEW_MODES[index] ?? "startup");
-            setFocusArea("mode");
-          }
-        });
+      usePaste((text) => {
+        if (focusAreaRef.current === "filter" && viewModeRef.current === "full") {
+          const next2 = applyConfigInputInsertion({ value: filterQueryRef.current, cursor: filterCursorRef.current }, text);
+          setFilterQuery(next2.value);
+          setFilterCursor(next2.cursor);
+          setStatusMessage("Filtered the variable list.");
+          return;
+        }
+        const currentPage = selectedPageRef.current;
+        if (focusAreaRef.current !== "content" || !currentPage) {
+          return;
+        }
+        const next = applyConfigInputInsertion({ value: draftValueRef.current, cursor: cursorPositionRef.current }, text);
+        setDrafts((current) => ({ ...current, [currentPage.key]: next.value }));
+        setCursorPositions((current) => ({ ...current, [currentPage.key]: next.cursor }));
+        setStatusMessage(`Pasted text into ${currentPage.entry.id}.`);
+      }, { isActive: true });
+      if (viewMode === "full") {
+        for (const [index, item] of envRects.entries()) {
+          clickRegions.push({
+            id: `env-${item.item}`,
+            rect: item.rect,
+            onClick: () => {
+              setFilterIndex(index);
+              setPageIndex(0);
+              setFocusArea("environment");
+            }
+          });
+        }
       }
       clickRegions.push({
         id: "detail-focus",
@@ -598,6 +964,13 @@ async function runCliConfigEditor(context, options = {}) {
         }
       });
       if (viewMode === "full") {
+        clickRegions.push({
+          id: "filter-focus",
+          rect: filterRect,
+          onClick: () => {
+            setFocusArea("filter");
+          }
+        });
         for (let index = 0; index < visibleSidebar.length; index += 1) {
           const page = visibleSidebar[index];
           if (!page) {
@@ -605,7 +978,7 @@ async function runCliConfigEditor(context, options = {}) {
           }
           clickRegions.push({
             id: `sidebar-${page.key}`,
-            rect: { x: 1, y: layout.topBarHeight + 2 + index, width: layout.sidebarWidth - 2, height: 1 },
+            rect: { x: 1, y: layout.topBarHeight + sidebarFilterHeight + 2 + index, width: layout.sidebarWidth - 2, height: 1 },
             onClick: () => {
               setPageIndex(safeSidebarOffset + index);
               setFocusArea("sidebar");
@@ -621,37 +994,30 @@ async function runCliConfigEditor(context, options = {}) {
           onClick: () => {
             setFocusArea("actions");
             setActionIndex(index);
-            activateAction(item.label);
+            void activateAction(item.label);
           }
         });
       }
+      const titleLine = truncateLine(
+        `Treeseed Config  ${currentContext.project.name} (${currentContext.project.slug})  GH cfg:${configReadiness.github.configured ? "ok" : "miss"}  CF cfg:${configReadiness.cloudflare.configured ? "ok" : "miss"}  RW cfg:${configReadiness.railway.configured ? "ok" : "miss"}`,
+        layout.columns
+      );
+      const statusTail = viewMode === "full" ? `Env ${selectedFilter}` : "";
+      const toolsLine = truncateLine(
+        `gh:${options.toolAvailability?.githubCli?.available ? "ok" : "miss"}  wr:${options.toolAvailability?.wranglerCli?.available ? "ok" : "miss"}  rw:${options.toolAvailability?.railwayCli?.available ? "ok" : "miss"}  act:${options.toolAvailability?.ghActExtension?.available ? "ok" : "miss"}  dk:${options.toolAvailability?.dockerDaemon?.available ? "ok" : "miss"}  sec:${options.secretSession?.status?.unlocked ? "on" : "off"}${statusTail ? `  ${statusTail}` : ""}`,
+        layout.columns
+      );
       const topBar = React.createElement(
         React.Fragment,
         null,
-        React.createElement(Text, { color: "cyan", bold: true }, truncateLine(`Treeseed Config  ${context.project.name} (${context.project.slug})  GH:${authStatus?.gh?.authenticated ? "ok" : "missing"}  CF:${authStatus?.wrangler?.authenticated ? "ok" : "missing"}  RW:${authStatus?.railway?.authenticated ? "ok" : "missing"}`, layout.columns)),
-        React.createElement(
-          Box,
-          { width: layout.columns },
-          React.createElement(TopTabs, {
-            width: Math.floor(layout.columns / 2) - 1,
-            title: "Env",
-            items: CONFIG_FILTERS.map((filter) => ({ id: filter, label: filter })),
-            activeId: selectedFilter,
-            focused: focusArea === "environment"
-          }),
-          React.createElement(TopTabs, {
-            width: Math.ceil(layout.columns / 2),
-            title: "View",
-            items: CONFIG_VIEW_MODES.map((mode) => ({ id: mode, label: mode === "startup" ? "wizard" : "full" })),
-            activeId: viewMode,
-            focused: focusArea === "mode"
-          })
-        )
+        React.createElement(Text, { color: "cyan", bold: true }, titleLine),
+        React.createElement(Text, { color: "gray" }, toolsLine),
+        viewMode === "full" ? React.createElement(Text, { color: focusArea === "environment" ? "cyan" : "gray" }, truncateLine(`Env ${FULL_CONFIG_FILTERS.map((filter) => filter === selectedFilter ? `[${filter}]` : filter).join(" ")}`, layout.columns)) : React.createElement(Text, { color: "gray" }, truncateLine(`Wizard mode across ${currentContext.scopes.join(", ")}.`, layout.columns))
       );
       const footer = React.createElement(StatusBar, {
         width: layout.columns,
         accent: focusArea === "content",
-        primary: viewMode === "full" ? "Tab cycles controls. Type in the input when focused. Sidebar arrows or wheel change variables. Detail PgUp/PgDn or wheel scroll help text." : "Wizard input is live when focused. Type to edit, Left/Right move the cursor, Enter updates and advances, PgUp/PgDn or wheel scroll help text.",
+        primary: viewMode === "full" ? `Tab cycles env, filter, list, editor, and actions. Type in Filter to narrow variables. Sidebar arrows${options.mouseEnabled === true ? " or wheel" : ""} change selection.` : `Type or paste to edit. Left/Right move the cursor, Home/End jump, Enter updates and advances.`,
         secondary: statusMessage
       });
       if (viewMode === "startup") {
@@ -661,7 +1027,7 @@ async function runCliConfigEditor(context, options = {}) {
           React.createElement(ScrollPanel, {
             width: layout.columns,
             height: layout.detailHeight,
-            title: startupStep ? `Startup Wizard  ${startupStep.index + 1}/${startupStep.total}` : "Startup Wizard",
+            title: startupStep ? `Required Setup  ${Math.max(0, startupStep.total - startupStep.index - 1)} left` : "Required Setup",
             lines: detailPanel.lines,
             focused: focusArea === "content",
             tone: "accent",
@@ -674,12 +1040,13 @@ async function runCliConfigEditor(context, options = {}) {
           React.createElement(TextInputField, {
             width: layout.columns,
             height: layout.inputHeight,
-            label: selectedPage.entry.sensitivity === "secret" ? "New value" : "New value",
+            label: "Value",
             focused: focusArea === "content",
             value: draftValue,
             cursorPosition,
             secret: selectedPage.entry.sensitivity === "secret",
-            placeholder: selectedPage.suggestedValue || "(empty)"
+            placeholder: "",
+            helperText: ""
           }),
           React.createElement(
             Box,
@@ -697,31 +1064,45 @@ async function runCliConfigEditor(context, options = {}) {
         ) : React.createElement(EmptyState, {
           width: layout.columns,
           height: layout.bodyHeight,
-          title: "Startup Complete",
-          message: "No startup configuration items remain for the selected environment. You can finish now or switch to the full editor for advanced settings."
+          title: "Required Setup Complete",
+          message: "The required setup flow is complete."
         });
         return React.createElement(AppFrame, { layout, topBar, body: body2, footer });
       }
       const body = React.createElement(
         Box,
         { width: layout.columns, height: layout.bodyHeight, overflow: "hidden" },
-        React.createElement(SidebarList, {
-          width: layout.sidebarWidth,
-          height: layout.bodyHeight,
-          title: "Variables",
-          focused: focusArea === "sidebar",
-          scrollState: {
-            offset: safeSidebarOffset,
-            viewportSize: sidebarViewportSize,
-            totalSize: pages.length
-          },
-          items: visibleSidebar.map((page, index) => ({
-            id: page.key,
-            label: page.entry.id,
-            active: safeSidebarOffset + index === safePageIndex,
-            tone: page.required ? "required" : "normal"
-          }))
-        }),
+        React.createElement(
+          Box,
+          { flexDirection: "column", width: layout.sidebarWidth, height: layout.bodyHeight, overflow: "hidden" },
+          React.createElement(TextInputField, {
+            width: layout.sidebarWidth,
+            height: sidebarFilterHeight,
+            label: "Filter",
+            focused: focusArea === "filter",
+            value: filterQuery,
+            cursorPosition: filterCursor,
+            placeholder: "id, label, group, cluster",
+            helperText: "Type to narrow by id, label, group, or cluster."
+          }),
+          React.createElement(SidebarList, {
+            width: layout.sidebarWidth,
+            height: sidebarHeight,
+            title: filterQuery ? `Variables (${pages.length})` : "Variables",
+            focused: focusArea === "sidebar",
+            scrollState: {
+              offset: safeSidebarOffset,
+              viewportSize: sidebarViewportSize,
+              totalSize: pages.length
+            },
+            items: visibleSidebar.map((page, index) => ({
+              id: page.key,
+              label: page.entry.id,
+              active: safeSidebarOffset + index === safePageIndex,
+              tone: page.required ? "required" : "normal"
+            }))
+          })
+        ),
         React.createElement(Text, null, " "),
         React.createElement(
           Box,
@@ -745,12 +1126,13 @@ async function runCliConfigEditor(context, options = {}) {
             React.createElement(TextInputField, {
               width: layout.contentWidth,
               height: layout.inputHeight,
-              label: "New value",
+              label: "Value",
               focused: focusArea === "content",
               value: draftValue,
               cursorPosition,
               secret: selectedPage.entry.sensitivity === "secret",
-              placeholder: selectedPage.suggestedValue || "(empty)"
+              placeholder: "",
+              helperText: ""
             }),
             React.createElement(
               Box,
@@ -779,7 +1161,11 @@ async function runCliConfigEditor(context, options = {}) {
   });
 }
 export {
+  applyConfigInputInsertion,
   buildCliConfigPages,
   computeConfigViewportLayout,
+  filterCliConfigPages,
+  normalizeConfigInputChunk,
+  readLinuxClipboardText,
   runCliConfigEditor
 };