@opensip-cli/dashboard 0.1.0

package/dist/tool-tabs-registrations.d.ts

@@ -0,0 +1,19 @@
+/**
+ * First-party tool-tab registrations.
+ *
+ * Imported once from `generator.ts` so the side-effect registers the
+ * fit / sim / graph tabs into the `defineToolTab` registry before the
+ * generator iterates it. The registration order here is the tab-bar
+ * order — Overview is fixed first by the generator, then this list
+ * defines the rest.
+ *
+ * To add a new first-party tab: append a `defineToolTab(...)` call
+ * here and ensure the corresponding `dashboard*Js` emitter declares a
+ * `renderFunctionName` matching the descriptor.
+ *
+ * Third-party tools that ship their own dashboard tabs would import
+ * `defineToolTab` from this package and call it at their own module
+ * load — no changes needed here.
+ */
+export {};
+//# sourceMappingURL=tool-tabs-registrations.d.ts.map

package/dist/tool-tabs-registrations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-tabs-registrations.d.ts","sourceRoot":"","sources":["../src/tool-tabs-registrations.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG"}

package/dist/tool-tabs-registrations.js

@@ -0,0 +1,46 @@
+/**
+ * First-party tool-tab registrations.
+ *
+ * Imported once from `generator.ts` so the side-effect registers the
+ * fit / sim / graph tabs into the `defineToolTab` registry before the
+ * generator iterates it. The registration order here is the tab-bar
+ * order — Overview is fixed first by the generator, then this list
+ * defines the rest.
+ *
+ * To add a new first-party tab: append a `defineToolTab(...)` call
+ * here and ensure the corresponding `dashboard*Js` emitter declares a
+ * `renderFunctionName` matching the descriptor.
+ *
+ * Third-party tools that ship their own dashboard tabs would import
+ * `defineToolTab` from this package and call it at their own module
+ * load — no changes needed here.
+ */
+import { defineToolTab } from './tool-tab-registry.js';
+const FITNESS_ICON = String.raw `<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17.596 12.768a2 2 0 1 0 2.829-2.829l-1.768-1.767a2 2 0 0 0 2.828-2.829l-2.828-2.828a2 2 0 0 0-2.829 2.828l-1.767-1.768a2 2 0 1 0-2.829 2.829z"/><path d="m2.5 21.5 1.4-1.4"/><path d="m20.1 3.9 1.4-1.4"/><path d="M5.343 21.485a2 2 0 1 0 2.829-2.828l1.767 1.768a2 2 0 1 0 2.829-2.829l-6.364-6.364a2 2 0 1 0-2.829 2.829l1.768 1.767a2 2 0 0 0-2.828 2.829z"/><path d="m9.6 14.4 4.8-4.8"/></svg>`;
+const SIMULATION_ICON = String.raw `<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2v6a2 2 0 0 0 .245.96l5.51 10.08A2 2 0 0 1 18 22H6a2 2 0 0 1-1.755-2.96l5.51-10.08A2 2 0 0 0 10 8V2"/><path d="M6.453 15h11.094"/><path d="M8.5 2h7"/></svg>`;
+const CODE_PATHS_ICON = String.raw `<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><circle cx="5" cy="6" r="2"/><circle cx="19" cy="6" r="2"/><circle cx="5" cy="18" r="2"/><circle cx="19" cy="18" r="2"/><line x1="7" y1="7" x2="10" y2="10"/><line x1="17" y1="7" x2="14" y2="10"/><line x1="7" y1="17" x2="10" y2="14"/><line x1="17" y1="17" x2="14" y2="14"/></svg>`;
+defineToolTab({
+    id: 'fitness',
+    tool: 'fit',
+    label: 'Fitness',
+    icon: FITNESS_ICON,
+    badgeStyle: 'background:rgba(124,160,104,0.15);color:var(--accent-fitness)',
+    renderFunctionName: 'renderFitnessTab',
+});
+defineToolTab({
+    id: 'simulation',
+    tool: 'sim',
+    label: 'Simulation',
+    icon: SIMULATION_ICON,
+    badgeStyle: 'background:rgba(155,138,165,0.15);color:var(--accent-sim)',
+    renderFunctionName: 'renderSimulationTab',
+});
+defineToolTab({
+    id: 'code-paths',
+    tool: 'graph',
+    label: 'Code Graph',
+    icon: CODE_PATHS_ICON,
+    badgeStyle: 'background:rgba(196,154,108,0.15);color:var(--accent)',
+    renderFunctionName: 'renderCodePathsTab',
+});
+//# sourceMappingURL=tool-tabs-registrations.js.map

package/dist/tool-tabs-registrations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-tabs-registrations.js","sourceRoot":"","sources":["../src/tool-tabs-registrations.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA,kiBAAkiB,CAAC;AAElkB,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA,6TAA6T,CAAC;AAEhW,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA,ycAAyc,CAAC;AAE5e,aAAa,CAAC;IACZ,EAAE,EAAE,SAAS;IACb,IAAI,EAAE,KAAK;IACX,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,YAAY;IAClB,UAAU,EAAE,+DAA+D;IAC3E,kBAAkB,EAAE,kBAAkB;CACvC,CAAC,CAAC;AAEH,aAAa,CAAC;IACZ,EAAE,EAAE,YAAY;IAChB,IAAI,EAAE,KAAK;IACX,KAAK,EAAE,YAAY;IACnB,IAAI,EAAE,eAAe;IACrB,UAAU,EAAE,2DAA2D;IACvE,kBAAkB,EAAE,qBAAqB;CAC1C,CAAC,CAAC;AAEH,aAAa,CAAC;IACZ,EAAE,EAAE,YAAY;IAChB,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,YAAY;IACnB,IAAI,EAAE,eAAe;IACrB,UAAU,EAAE,uDAAuD;IACnE,kBAAkB,EAAE,oBAAoB;CACzC,CAAC,CAAC"}

package/dist/tool-tabs.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Tool tab rendering — creates subtabs (Sessions / Catalog / Recipes) under each tool tab.
+ * Returns JS code as a string.
+ *
+ * Delegates the subtab DOM/click pattern to the shared `renderSubtabBar`
+ * Strategy declared by `dashboardSubtabBarJs` (F2). The three-subtab
+ * shape is now a config — `[overview, catalog, recipes]` — so a tool
+ * with a different shape (e.g. Code Paths' two subtabs) is also a
+ * config call rather than a duplicated DOM block.
+ */
+export declare function dashboardToolTabsJs(): string;
+//# sourceMappingURL=tool-tabs.d.ts.map

package/dist/tool-tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-tabs.d.ts","sourceRoot":"","sources":["../src/tool-tabs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,wBAAgB,mBAAmB,IAAI,MAAM,CAoE5C"}

package/dist/tool-tabs.js

@@ -0,0 +1,80 @@
+/**
+ * Tool tab rendering — creates subtabs (Sessions / Catalog / Recipes) under each tool tab.
+ * Returns JS code as a string.
+ *
+ * Delegates the subtab DOM/click pattern to the shared `renderSubtabBar`
+ * Strategy declared by `dashboardSubtabBarJs` (F2). The three-subtab
+ * shape is now a config — `[overview, catalog, recipes]` — so a tool
+ * with a different shape (e.g. Code Paths' two subtabs) is also a
+ * config call rather than a duplicated DOM block.
+ */
+export function dashboardToolTabsJs() {
+    return `
+// =======================================================
+// TOOL SUBTAB RENDERING
+// =======================================================
+
+/**
+ * Render a tool tab with subtabs: Sessions | Catalog | Recipes
+ * (the first subtab keeps the stable id 'overview' for routing).
+ * @param panelId - e.g., 'panel-fitness'
+ * @param toolSessions - filtered sessions for this tool
+ * @param accentColor - CSS var for accent
+ * @param catalogLabel - e.g., 'Checks', 'Scenarios'
+ * @param catalogData - check/scenario catalog entries (or empty)
+ * @param renderCatalogFn - function(container, data) to render the catalog
+ * @param recipesData - recipe catalog entries (or empty array). Passed
+ *     in so each tool can carry its own recipe namespace once recipes
+ *     beyond fit are supported; today fit and sim share the global
+ *     recipeCatalog by passing it through.
+ */
+function renderToolTab(panelId, toolSessions, accentColor, catalogLabel, catalogData, renderCatalogFn, recipesData) {
+  const panel = document.getElementById(panelId);
+  renderSubtabBar(panel, [
+    { id: 'overview', label: 'Sessions', render: function(p) {
+      renderSessionTable(p, toolSessions, accentColor);
+    }},
+    { id: 'catalog', label: catalogLabel, render: function(p) {
+      if (catalogData && catalogData.length > 0) {
+        renderCatalogFn(p, catalogData);
+      } else {
+        p.appendChild(el('div', {class:'empty', text:'No ' + catalogLabel.toLowerCase() + ' available yet.'}));
+      }
+    }},
+    { id: 'recipes', label: 'Recipes', render: function(p) {
+      renderRecipesPanel(p, recipesData);
+    }},
+  ]);
+}
+
+// =======================================================
+// RENDER ALL TOOL TABS
+// =======================================================
+
+function renderFitnessTab() {
+  renderToolTab(
+    'panel-fitness',
+    fitSessions,
+    'var(--accent-fitness)',
+    'Checks',
+    checkCatalog,
+    function(container, data) { renderChecksCatalog(container, data); },
+    recipeCatalog
+  );
+}
+
+function renderSimulationTab() {
+  renderToolTab(
+    'panel-simulation',
+    simSessions,
+    'var(--accent-sim)',
+    'Scenarios',
+    [],  // No scenarios yet
+    function(container, data) {},
+    recipeCatalog
+  );
+}
+
+`;
+}
+//# sourceMappingURL=tool-tabs.js.map

package/dist/tool-tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-tabs.js","sourceRoot":"","sources":["../src/tool-tabs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,MAAM,UAAU,mBAAmB;IACjC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkER,CAAC;AACF,CAAC"}