@qontinui/navigation 0.1.1 → 0.1.3

package/dist/index.js

@@ -1,5 +1,5 @@
 // src/groups.ts
-var TOP_LEVEL_ITEMS = [
+var WORKSPACE_ITEMS = [
   {
     id: "visual-dashboard",
     label: "Dashboard",
@@ -8,15 +8,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",
@@ -35,15 +27,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",
@@ -55,13 +38,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",
@@ -71,21 +54,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 = [
@@ -173,7 +147,7 @@ var RUNS_ITEMS = [
     platforms: ["web"]
   }
 ];
-var OBSERVE_ITEMS = [
+var REVIEW_ITEMS = [
   {
     id: "runs",
     label: "Runs",
@@ -195,40 +169,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",
@@ -248,98 +214,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 = [
@@ -350,7 +259,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",
@@ -360,7 +273,8 @@ var BUILD_ITEMS = [
     route: "/build/dag-editor",
     color: "#6366f1",
     platforms: ["runner"],
-    productMode: "ai"
+    productMode: "ai",
+    hidden: true
   },
   {
     id: "step-builders",
@@ -369,7 +283,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",
@@ -398,6 +313,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",
@@ -407,6 +331,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",
@@ -426,6 +360,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 = {
@@ -434,22 +377,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 = [
   {
@@ -474,37 +504,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",
@@ -515,10 +514,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 = [
@@ -727,6 +726,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",
@@ -746,6 +754,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",
@@ -772,14 +789,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
 ];
@@ -919,10 +935,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;
   }
@@ -964,7 +990,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,
@@ -1220,6 +1246,8 @@ function NavigationItemShell({
   return /* @__PURE__ */ jsx(Fragment, { children });
 }
 export {
+  AUTOMATE_GROUP,
+  AUTOMATE_ITEMS,
   BUILD_GROUP,
   BUILD_ITEMS,
   CHILDREN_MAP,
@@ -1228,24 +1256,22 @@ export {
   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,
@@ -1259,6 +1285,7 @@ export {
   getNavigationGroups,
   getProductMode,
   getRunnerNavigation,
+  getShowHiddenItems,
   getWebNavigation,
   isDevelopmentMode,
   isGroupExpanded,
@@ -1272,5 +1299,6 @@ export {
   serializeState,
   setDevelopmentMode,
   setProductMode,
+  setShowHiddenItems,
   useNavigationItem
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qontinui/navigation",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "Shared navigation structure for Qontinui applications",
   "type": "module",
   "main": "dist/index.cjs",
@@ -10,11 +10,12 @@
     "dist"
   ],
   "scripts": {
-    "build": "tsup src/index.ts --format cjs,esm --dts && test -s dist/index.d.ts",
+    "build": "tsup src/index.ts --format cjs,esm --dts && node -e \"if(!require('fs').statSync('dist/index.d.ts').size)process.exit(1)\"",
     "dev": "tsup src/index.ts --format cjs,esm --dts --watch",
     "typecheck": "tsc --noEmit",
     "lint": "eslint src/",
-    "clean": "rm -rf dist"
+    "clean": "rm -rf dist",
+    "prepublishOnly": "npm run build"
   },
   "peerDependencies": {
     "@qontinui/ui-bridge": ">=0.3.0",
@@ -55,6 +56,6 @@
     "react": "^19.0.0",
     "tsup": "^8.0.1",
     "typescript": "^6.0.2",
-    "typescript-eslint": "^8.53.1"
+    "typescript-eslint": "^8.61.0"
   }
 }