@qontinui/navigation 0.1.1 → 0.1.3

package/dist/index.cjs

@@ -30,6 +30,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  AUTOMATE_GROUP: () => AUTOMATE_GROUP,
+  AUTOMATE_ITEMS: () => AUTOMATE_ITEMS,
   BUILD_GROUP: () => BUILD_GROUP,
   BUILD_ITEMS: () => BUILD_ITEMS,
   CHILDREN_MAP: () => CHILDREN_MAP,
@@ -38,24 +40,22 @@ __export(index_exports, {
   DEV_GROUP: () => DEV_GROUP,
   DEV_ITEMS: () => DEV_ITEMS,
   ICON_NAMES: () => ICON_NAMES,
-  LEARN_GROUP: () => LEARN_GROUP,
-  LEARN_ITEMS: () => LEARN_ITEMS,
+  INSIGHTS_GROUP: () => INSIGHTS_GROUP,
+  INSIGHTS_ITEMS: () => INSIGHTS_ITEMS,
   NAVIGATION_GROUPS: () => NAVIGATION_GROUPS,
   NavigationItemShell: () => NavigationItemShell,
-  OBSERVE_GROUP: () => OBSERVE_GROUP,
-  OBSERVE_ITEMS: () => OBSERVE_ITEMS,
+  REVIEW_GROUP: () => REVIEW_GROUP,
+  REVIEW_ITEMS: () => REVIEW_ITEMS,
   RUNS_ITEMS: () => RUNS_ITEMS,
-  RUN_GROUP: () => RUN_GROUP,
-  RUN_ITEMS: () => RUN_ITEMS,
-  SCHEDULE_GROUP: () => SCHEDULE_GROUP,
-  SCHEDULE_ITEMS: () => SCHEDULE_ITEMS,
   SESSION_ITEMS: () => SESSION_ITEMS,
   SETTINGS_ITEMS: () => SETTINGS_ITEMS,
+  SPEND_GROUP: () => SPEND_GROUP,
+  SPEND_ITEMS: () => SPEND_ITEMS,
   STORAGE_KEYS: () => STORAGE_KEYS,
   SYSTEM_GROUP: () => SYSTEM_GROUP,
   SYSTEM_ITEMS: () => SYSTEM_ITEMS,
-  WRAPPERS_GROUP: () => WRAPPERS_GROUP,
-  WRAPPERS_ITEMS: () => WRAPPERS_ITEMS,
+  WORKSPACE_GROUP: () => WORKSPACE_GROUP,
+  WORKSPACE_ITEMS: () => WORKSPACE_ITEMS,
   createInitialState: () => createInitialState,
   deserializeState: () => deserializeState,
   filterGroupForPlatform: () => filterGroupForPlatform,
@@ -69,6 +69,7 @@ __export(index_exports, {
   getNavigationGroups: () => getNavigationGroups,
   getProductMode: () => getProductMode,
   getRunnerNavigation: () => getRunnerNavigation,
+  getShowHiddenItems: () => getShowHiddenItems,
   getWebNavigation: () => getWebNavigation,
   isDevelopmentMode: () => isDevelopmentMode,
   isGroupExpanded: () => isGroupExpanded,
@@ -82,12 +83,13 @@ __export(index_exports, {
   serializeState: () => serializeState,
   setDevelopmentMode: () => setDevelopmentMode,
   setProductMode: () => setProductMode,
+  setShowHiddenItems: () => setShowHiddenItems,
   useNavigationItem: () => useNavigationItem
 });
 module.exports = __toCommonJS(index_exports);
 
 // src/groups.ts
-var TOP_LEVEL_ITEMS = [
+var WORKSPACE_ITEMS = [
   {
     id: "visual-dashboard",
     label: "Dashboard",
@@ -96,15 +98,7 @@ var TOP_LEVEL_ITEMS = [
     route: "/tools/visual-automation",
     color: "#10B981",
     productMode: "visual"
-  }
-];
-var TOP_LEVEL_GROUP = {
-  id: "top-level",
-  label: "",
-  items: TOP_LEVEL_ITEMS,
-  defaultExpanded: true
-};
-var RUN_ITEMS = [
+  },
   {
     id: "prompt-home",
     label: "Home",
@@ -123,15 +117,6 @@ var RUN_ITEMS = [
     color: "#10B981",
     productMode: "visual"
   },
-  {
-    id: "active",
-    label: "Active",
-    icon: "Activity",
-    description: "Monitor active executions",
-    route: "/runs/active",
-    color: "#4A90D9",
-    productMode: "ai"
-  },
   {
     id: "terminal",
     label: "Terminal",
@@ -143,13 +128,13 @@ var RUN_ITEMS = [
     platforms: ["runner"]
   },
   {
-    id: "orchestration-loop",
-    label: "Orchestration",
-    icon: "Repeat",
-    description: "Iterative workflow loop with pipeline mode (build/reflect/fix)",
-    route: "/orchestration-loop",
-    color: "#8B5CF6",
-    platforms: ["runner"]
+    id: "active",
+    label: "Active",
+    icon: "Activity",
+    description: "Monitor active executions",
+    route: "/runs/active",
+    color: "#4A90D9",
+    productMode: "ai"
   },
   {
     id: "productivity",
@@ -159,21 +144,12 @@ var RUN_ITEMS = [
     route: "/productivity",
     color: "#F59E0B",
     platforms: ["runner"]
-  },
-  {
-    id: "wrappers",
-    label: "Wrappers",
-    icon: "Package",
-    description: "Wrapper configurations and manifest management",
-    route: "/wrappers",
-    color: "#F59E0B",
-    platforms: ["runner"]
   }
 ];
-var RUN_GROUP = {
-  id: "run",
-  label: "RUN",
-  items: RUN_ITEMS,
+var WORKSPACE_GROUP = {
+  id: "workspace",
+  label: "WORKSPACE",
+  items: WORKSPACE_ITEMS,
   defaultExpanded: true
 };
 var SESSION_ITEMS = [
@@ -261,7 +237,7 @@ var RUNS_ITEMS = [
     platforms: ["web"]
   }
 ];
-var OBSERVE_ITEMS = [
+var REVIEW_ITEMS = [
   {
     id: "runs",
     label: "Runs",
@@ -283,40 +259,32 @@ var OBSERVE_ITEMS = [
     productMode: "ai"
   },
   {
-    id: "error-monitor",
-    label: "Error Monitor",
-    icon: "AlertCircle",
-    description: "Monitor and fix application errors from log sources",
-    route: "/tools/error-monitor",
-    color: "#4A90D9",
-    productMode: "ai"
-  },
-  {
-    id: "processes",
-    label: "Processes",
-    icon: "Cpu",
-    description: "Manage and monitor spawned child processes",
-    color: "#06B6D4",
+    id: "memory",
+    label: "Memory",
+    icon: "Brain",
+    description: "Cross-session observation memory from past runs",
+    route: "/observe/memory",
+    color: "#8B5CF6",
     productMode: "ai"
   },
   {
-    id: "activity-timeline",
-    label: "Activity Timeline",
-    icon: "Activity",
-    description: "Searchable capture history \u2014 everything seen on screen during automation",
-    route: "/observe/activity-timeline",
-    color: "#06B6D4",
-    platforms: ["runner"]
-  },
-  {
-    id: "automation-health",
-    label: "Automation Health",
-    icon: "Activity",
-    description: "UI Bridge automation quality, selector reliability, and improvement recommendations",
-    color: "#10B981",
+    id: "knowledge-explorer",
+    label: "Knowledge",
+    icon: "Globe",
+    description: "Search external knowledge sources and view acquisition stats \u2014 web search, vulnerability intelligence, API docs",
+    route: "/observe/knowledge",
+    color: "#F97316",
     platforms: ["runner"],
     productMode: "ai"
-  },
+  }
+];
+var REVIEW_GROUP = {
+  id: "review",
+  label: "REVIEW",
+  items: REVIEW_ITEMS,
+  defaultExpanded: true
+};
+var SPEND_ITEMS = [
   {
     id: "llm-analytics",
     label: "LLM Analytics",
@@ -336,98 +304,41 @@ var OBSERVE_ITEMS = [
     productMode: "ai"
   }
 ];
-var OBSERVE_GROUP = {
-  id: "observe",
-  label: "OBSERVE",
-  items: OBSERVE_ITEMS,
+var SPEND_GROUP = {
+  id: "spend",
+  label: "SPEND",
+  items: SPEND_ITEMS,
   defaultExpanded: false
 };
-var LEARN_ITEMS = [
+var AUTOMATE_ITEMS = [
   {
-    id: "memory",
-    label: "Memory",
-    icon: "Brain",
-    description: "Cross-session observation memory from past runs",
-    route: "/observe/memory",
-    color: "#8B5CF6",
-    productMode: "ai"
-  },
-  {
-    id: "knowledge-explorer",
-    label: "Knowledge",
-    icon: "Globe",
-    description: "Search external knowledge sources and view acquisition stats \u2014 web search, vulnerability intelligence, API docs",
-    route: "/observe/knowledge",
-    color: "#F97316",
-    platforms: ["runner"],
-    productMode: "ai"
-  },
-  {
-    id: "decision-trail",
-    label: "Decision Trail",
-    icon: "ListChecks",
-    description: "Architectural decision history \u2014 what was decided, why, and what alternatives were considered",
-    route: "/observe/decision-trail",
-    color: "#8B5CF6",
-    productMode: "ai",
-    platforms: ["runner"]
-  },
-  {
-    id: "session-recap",
-    label: "Session Recap",
-    icon: "GitBranch",
-    description: "Semantic dependency map of what was built \u2014 files, types, endpoints, and how they connect",
-    route: "/observe/session-recap",
-    color: "#8B5CF6",
-    platforms: ["runner"],
-    productMode: "ai"
-  },
-  {
-    id: "reflection",
-    label: "Reflection",
-    icon: "RotateCcw",
-    description: "Reflection fix effectiveness and history",
-    productMode: "ai"
-  },
-  {
-    id: "architecture",
-    label: "Architecture",
-    icon: "GitBranch",
-    description: "Component dependency graph and SDK project architecture",
+    id: "tasks",
+    label: "Scheduled Tasks",
+    icon: "Calendar",
+    description: "Manage scheduled automation",
     productMode: "ai"
   },
   {
-    id: "api-surface",
-    label: "API Surface",
-    icon: "Network",
-    description: "Interactive map of every endpoint, command, query, and their connections",
-    color: "#06B6D4",
-    platforms: ["runner"]
-  },
-  {
-    id: "development-intelligence",
-    label: "Dev Intelligence",
-    icon: "Brain",
-    description: "Coverage gap analysis, complexity scoring, drift detection, and dead feature identification",
-    route: "/observe/development-intelligence",
-    color: "#8B5CF6",
-    platforms: ["runner"],
+    id: "triggers",
+    label: "Triggers",
+    icon: "Zap",
+    description: "Event-driven workflow automation",
     productMode: "ai"
   },
   {
-    id: "project-explainer",
-    label: "Explainer",
-    icon: "BookOpen",
-    description: "Hierarchical explainer for any project: overview, per-cluster narratives, and per-page deep dives with embedded architecture diagrams. AI side panel for asking questions while reading.",
-    route: "/observe/explainer",
+    id: "watchers",
+    label: "Watchers",
+    icon: "Eye",
+    description: "Scheduled reactive agents that monitor the activity timeline",
+    route: "/observe/watchers",
     color: "#06B6D4",
     platforms: ["runner"]
   }
 ];
-var LEARN_GROUP = {
-  id: "learn",
-  label: "LEARN",
-  items: LEARN_ITEMS,
+var AUTOMATE_GROUP = {
+  id: "automate",
+  label: "AUTOMATE",
+  items: AUTOMATE_ITEMS,
   defaultExpanded: false
 };
 var BUILD_ITEMS = [
@@ -438,7 +349,11 @@ var BUILD_ITEMS = [
     description: "Build phase-based automation workflows",
     route: "/build/workflows",
     color: "var(--brand-secondary)",
-    productMode: "ai"
+    productMode: "ai",
+    // Advanced surface — demoted from the default nav now that the Terminal is
+    // the primary entry point. Reached via the Terminal "save as workflow"
+    // disclosure or by opting into "Show advanced automation features".
+    hidden: true
   },
   {
     id: "dag-workflow-editor",
@@ -448,7 +363,8 @@ var BUILD_ITEMS = [
     route: "/build/dag-editor",
     color: "#6366f1",
     platforms: ["runner"],
-    productMode: "ai"
+    productMode: "ai",
+    hidden: true
   },
   {
     id: "step-builders",
@@ -457,7 +373,8 @@ var BUILD_ITEMS = [
     description: "Build and browse step templates",
     route: "/build/templates",
     color: "var(--brand-secondary)",
-    productMode: "ai"
+    productMode: "ai",
+    hidden: true
   },
   {
     id: "library",
@@ -486,6 +403,15 @@ var BUILD_ITEMS = [
     color: "var(--brand-secondary)",
     productMode: "ai"
   },
+  {
+    id: "regression",
+    label: "Regression",
+    icon: "ShieldCheck",
+    description: "Run auto-generated regression suites against the live UI Bridge registry; review coverage and self-diagnoses for failures",
+    color: "var(--brand-secondary)",
+    platforms: ["runner"],
+    productMode: "ai"
+  },
   {
     id: "vga",
     label: "Visual GUI",
@@ -495,6 +421,16 @@ var BUILD_ITEMS = [
     color: "var(--brand-secondary)",
     productMode: "both"
   },
+  {
+    id: "orchestration-loop",
+    label: "Orchestration",
+    icon: "Repeat",
+    description: "Iterative workflow loop with pipeline mode (build/reflect/fix)",
+    route: "/orchestration-loop",
+    color: "#8B5CF6",
+    platforms: ["runner"],
+    hidden: true
+  },
   {
     id: "demo-video",
     label: "Demo Videos",
@@ -514,6 +450,15 @@ var BUILD_ITEMS = [
     color: "var(--brand-secondary)",
     platforms: ["runner"],
     productMode: "ai"
+  },
+  {
+    id: "wrappers",
+    label: "Wrappers",
+    icon: "Package",
+    description: "Install and manage wrapper extensions",
+    route: "/wrappers",
+    color: "#06B6D4",
+    platforms: ["runner"]
   }
 ];
 var BUILD_GROUP = {
@@ -522,22 +467,109 @@ var BUILD_GROUP = {
   items: BUILD_ITEMS,
   defaultExpanded: false
 };
-var WRAPPERS_ITEMS = [
+var INSIGHTS_ITEMS = [
   {
-    id: "wrappers",
-    label: "Wrappers",
-    icon: "Package",
-    description: "Install and manage wrapper extensions",
-    route: "/wrappers",
+    id: "error-monitor",
+    label: "Error Monitor",
+    icon: "AlertCircle",
+    description: "Monitor and fix application errors from log sources",
+    route: "/tools/error-monitor",
+    color: "#4A90D9",
+    productMode: "ai"
+  },
+  {
+    id: "processes",
+    label: "Processes",
+    icon: "Cpu",
+    description: "Manage and monitor spawned child processes",
+    color: "#06B6D4",
+    productMode: "ai"
+  },
+  {
+    id: "activity-timeline",
+    label: "Activity Timeline",
+    icon: "Activity",
+    description: "Searchable capture history \u2014 everything seen on screen during automation",
+    route: "/observe/activity-timeline",
+    color: "#06B6D4",
+    platforms: ["runner"]
+  },
+  {
+    id: "automation-health",
+    label: "Automation Health",
+    icon: "Activity",
+    description: "UI Bridge automation quality, selector reliability, and improvement recommendations",
+    color: "#10B981",
+    platforms: ["runner"],
+    productMode: "ai"
+  },
+  {
+    id: "reflection",
+    label: "Reflection",
+    icon: "RotateCcw",
+    description: "Reflection fix effectiveness and history",
+    productMode: "ai"
+  },
+  {
+    id: "architecture",
+    label: "Architecture",
+    icon: "GitBranch",
+    description: "Component dependency graph and SDK project architecture",
+    productMode: "ai"
+  },
+  {
+    id: "api-surface",
+    label: "API Surface",
+    icon: "Network",
+    description: "Interactive map of every endpoint, command, query, and their connections",
+    color: "#06B6D4",
+    platforms: ["runner"]
+  },
+  {
+    id: "development-intelligence",
+    label: "Dev Intelligence",
+    icon: "Brain",
+    description: "Coverage gap analysis, complexity scoring, drift detection, and dead feature identification",
+    route: "/observe/development-intelligence",
+    color: "#8B5CF6",
+    platforms: ["runner"],
+    productMode: "ai"
+  },
+  {
+    id: "project-explainer",
+    label: "Explainer",
+    icon: "BookOpen",
+    description: "Hierarchical explainer for any project: overview, per-cluster narratives, and per-page deep dives with embedded architecture diagrams. AI side panel for asking questions while reading.",
+    route: "/observe/explainer",
     color: "#06B6D4",
     platforms: ["runner"]
+  },
+  {
+    id: "decision-trail",
+    label: "Decision Trail",
+    icon: "ListChecks",
+    description: "Architectural decision history \u2014 what was decided, why, and what alternatives were considered",
+    route: "/observe/decision-trail",
+    color: "#8B5CF6",
+    productMode: "ai",
+    platforms: ["runner"]
+  },
+  {
+    id: "session-recap",
+    label: "Session Recap",
+    icon: "GitBranch",
+    description: "Semantic dependency map of what was built \u2014 files, types, endpoints, and how they connect",
+    route: "/observe/session-recap",
+    color: "#8B5CF6",
+    platforms: ["runner"],
+    productMode: "ai"
   }
 ];
-var WRAPPERS_GROUP = {
-  id: "wrappers",
-  label: "WRAPPERS",
-  items: WRAPPERS_ITEMS,
-  defaultExpanded: true
+var INSIGHTS_GROUP = {
+  id: "insights",
+  label: "INSIGHTS",
+  items: INSIGHTS_ITEMS,
+  defaultExpanded: false
 };
 var CONFIGURE_ITEMS = [
   {
@@ -562,37 +594,6 @@ var CONFIGURE_ITEMS = [
     icon: "Plug",
     description: "Manage UI Bridge integrations for external apps",
     productMode: "ai"
-  }
-];
-var CONFIGURE_GROUP = {
-  id: "configure",
-  label: "CONFIGURE",
-  items: CONFIGURE_ITEMS,
-  defaultExpanded: false
-};
-var SCHEDULE_ITEMS = [
-  {
-    id: "triggers",
-    label: "Triggers",
-    icon: "Zap",
-    description: "Event-driven workflow automation",
-    productMode: "ai"
-  },
-  {
-    id: "tasks",
-    label: "Scheduled Tasks",
-    icon: "Calendar",
-    description: "Manage scheduled automation",
-    productMode: "ai"
-  },
-  {
-    id: "watchers",
-    label: "Watchers",
-    icon: "Eye",
-    description: "Scheduled reactive agents that monitor the activity timeline",
-    route: "/observe/watchers",
-    color: "#06B6D4",
-    platforms: ["runner"]
   },
   {
     id: "event-history",
@@ -603,10 +604,10 @@ var SCHEDULE_ITEMS = [
     productMode: "ai"
   }
 ];
-var SCHEDULE_GROUP = {
-  id: "schedule",
-  label: "SCHEDULE",
-  items: SCHEDULE_ITEMS,
+var CONFIGURE_GROUP = {
+  id: "configure",
+  label: "CONFIGURE",
+  items: CONFIGURE_ITEMS,
   defaultExpanded: false
 };
 var DEV_ITEMS = [
@@ -815,6 +816,15 @@ var SETTINGS_ITEMS = [
     color: "#FFD700",
     platforms: ["runner"]
   },
+  {
+    id: "settings-repos",
+    label: "Repositories",
+    icon: "GitBranch",
+    description: "Manage coordinated repositories",
+    route: "/settings/repos",
+    color: "#FFD700",
+    platforms: ["web"]
+  },
   {
     id: "settings-debug",
     label: "Debug",
@@ -834,6 +844,15 @@ var SYSTEM_ITEMS = [
     route: "/runners",
     color: "#10B981"
   },
+  {
+    id: "sessions",
+    label: "Sessions",
+    icon: "Terminal",
+    description: "Terminal and agent sessions across machines",
+    platforms: ["web"],
+    route: "/sessions",
+    color: "#10B981"
+  },
   {
     id: "settings",
     label: "Settings",
@@ -860,14 +879,13 @@ var SYSTEM_GROUP = {
   defaultExpanded: true
 };
 var NAVIGATION_GROUPS = [
-  TOP_LEVEL_GROUP,
-  RUN_GROUP,
-  OBSERVE_GROUP,
-  LEARN_GROUP,
+  WORKSPACE_GROUP,
+  REVIEW_GROUP,
+  SPEND_GROUP,
+  AUTOMATE_GROUP,
   BUILD_GROUP,
-  WRAPPERS_GROUP,
+  INSIGHTS_GROUP,
   CONFIGURE_GROUP,
-  SCHEDULE_GROUP,
   DEV_GROUP,
   SYSTEM_GROUP
 ];
@@ -1007,10 +1025,20 @@ function setProductMode(mode) {
 function getProductMode() {
   return _productMode;
 }
+var _showHiddenItems = false;
+function setShowHiddenItems(show) {
+  _showHiddenItems = show;
+}
+function getShowHiddenItems() {
+  return _showHiddenItems;
+}
 function isItemAvailable(item, platform) {
   if (item.hiddenInProd && !isDevelopmentMode()) {
     return false;
   }
+  if (item.hidden && !_showHiddenItems) {
+    return false;
+  }
   if (_productMode && item.productMode && item.productMode !== "both" && item.productMode !== _productMode) {
     return false;
   }
@@ -1052,7 +1080,7 @@ function getWebNavigation() {
 function createInitialState(options) {
   return {
     activeItemId: options?.activeItemId ?? null,
-    expandedGroups: new Set(options?.expandedGroups ?? ["run", "observe", "learn", "build", "configure", "system"]),
+    expandedGroups: new Set(options?.expandedGroups ?? ["workspace", "review", "system"]),
     expandedItems: new Set(options?.expandedItems ?? []),
     secondarySidebar: {
       isOpen: false,
@@ -1309,6 +1337,8 @@ function NavigationItemShell({
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  AUTOMATE_GROUP,
+  AUTOMATE_ITEMS,
   BUILD_GROUP,
   BUILD_ITEMS,
   CHILDREN_MAP,
@@ -1317,24 +1347,22 @@ function NavigationItemShell({
   DEV_GROUP,
   DEV_ITEMS,
   ICON_NAMES,
-  LEARN_GROUP,
-  LEARN_ITEMS,
+  INSIGHTS_GROUP,
+  INSIGHTS_ITEMS,
   NAVIGATION_GROUPS,
   NavigationItemShell,
-  OBSERVE_GROUP,
-  OBSERVE_ITEMS,
+  REVIEW_GROUP,
+  REVIEW_ITEMS,
   RUNS_ITEMS,
-  RUN_GROUP,
-  RUN_ITEMS,
-  SCHEDULE_GROUP,
-  SCHEDULE_ITEMS,
   SESSION_ITEMS,
   SETTINGS_ITEMS,
+  SPEND_GROUP,
+  SPEND_ITEMS,
   STORAGE_KEYS,
   SYSTEM_GROUP,
   SYSTEM_ITEMS,
-  WRAPPERS_GROUP,
-  WRAPPERS_ITEMS,
+  WORKSPACE_GROUP,
+  WORKSPACE_ITEMS,
   createInitialState,
   deserializeState,
   filterGroupForPlatform,
@@ -1348,6 +1376,7 @@ function NavigationItemShell({
   getNavigationGroups,
   getProductMode,
   getRunnerNavigation,
+  getShowHiddenItems,
   getWebNavigation,
   isDevelopmentMode,
   isGroupExpanded,
@@ -1361,5 +1390,6 @@ function NavigationItemShell({
   serializeState,
   setDevelopmentMode,
   setProductMode,
+  setShowHiddenItems,
   useNavigationItem
 });