@industry-theme/principal-view-panels 0.10.14 → 0.10.16

package/dist/panels/TraceListPanel.d.ts

@@ -6,6 +6,7 @@ import type { PanelComponentProps } from '@principal-ade/panel-framework-core';
  * This panel shows:
  * - Traces tab: List of traces with metadata, search/filter, click to select
  * - Configuration tab: Edit library.yaml resources (service.name, etc.) for OTEL setup
+ * - Schematics tab: View workflows/scenarios from version registry
  *
  * Events emitted:
  * - 'trace:selected' when a trace is clicked

package/dist/panels/TraceListPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TraceListPanel.d.ts","sourceRoot":"","sources":["../../src/panels/TraceListPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAY/E;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAisBxD,CAAC"}
+{"version":3,"file":"TraceListPanel.d.ts","sourceRoot":"","sources":["../../src/panels/TraceListPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAY/E;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2zBxD,CAAC"}

package/dist/panels.bundle.js

@@ -100191,6 +100191,9 @@ const TraceListPanel = ({
   const [activeTab, setActiveTab] = useState("traces");
   const telemetrySlice = context.getSlice("telemetry");
   const traces = (telemetrySlice == null ? void 0 : telemetrySlice.data) || [];
+  const schematicsSlice = context.getSlice("schematics");
+  const schematics = (schematicsSlice == null ? void 0 : schematicsSlice.data) || [];
+  const schematicsLoading = (schematicsSlice == null ? void 0 : schematicsSlice.loading) || false;
   const [resources, setResources] = useState({});
   const [configLoading, setConfigLoading] = useState(false);
   const [configError, setConfigError] = useState(null);
@@ -100447,6 +100450,24 @@ const TraceListPanel = ({
                   },
                   children: "Configuration"
                 }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: () => setActiveTab("schematics"),
+                  style: {
+                    padding: "12px 24px",
+                    fontSize: "13px",
+                    fontWeight: 500,
+                    backgroundColor: activeTab === "schematics" ? theme2.colors.background : "transparent",
+                    color: activeTab === "schematics" ? theme2.colors.text : theme2.colors.textSecondary,
+                    border: "none",
+                    borderBottom: activeTab === "schematics" ? `2px solid #3b82f6` : "2px solid transparent",
+                    cursor: "pointer",
+                    outline: "none"
+                  },
+                  children: "Schematics"
+                }
               )
             ]
           }
@@ -100461,7 +100482,7 @@ const TraceListPanel = ({
             selectedTraceId,
             emptyMessage: traces.length === 0 ? "No traces received yet. Waiting for telemetry data..." : void 0
           }
-        ) }) : /* @__PURE__ */ jsx("div", { style: { flex: 1, padding: "16px", overflow: "auto" }, children: configLoading ? /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", height: "100%" }, children: /* @__PURE__ */ jsx("div", { style: { fontSize: "14px", color: theme2.colors.textSecondary }, children: "Loading resources..." }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        ) }) : activeTab === "configuration" ? /* @__PURE__ */ jsx("div", { style: { flex: 1, padding: "16px", overflow: "auto" }, children: configLoading ? /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", height: "100%" }, children: /* @__PURE__ */ jsx("div", { style: { fontSize: "14px", color: theme2.colors.textSecondary }, children: "Loading resources..." }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsxs("div", { style: { marginBottom: "16px" }, children: [
             /* @__PURE__ */ jsx("h2", { style: { margin: "0 0 8px 0", fontSize: "18px", fontWeight: 600 }, children: "Library Resources" }),
             /* @__PURE__ */ jsx("p", { style: { margin: 0, fontSize: "13px", color: theme2.colors.textSecondary }, children: "Configure OpenTelemetry and other resources in library.yaml" })
@@ -100787,7 +100808,74 @@ const TraceListPanel = ({
               }
             )
           ] })
-        ] }) })
+        ] }) }) : activeTab === "schematics" ? /* @__PURE__ */ jsx("div", { style: { flex: 1, padding: "16px", overflow: "auto" }, children: schematicsLoading ? /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", height: "100%" }, children: /* @__PURE__ */ jsx("div", { style: { fontSize: "14px", color: theme2.colors.textSecondary }, children: "Loading schematics..." }) }) : schematics.length === 0 ? /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", height: "100%", gap: "12px" }, children: [
+          /* @__PURE__ */ jsx("div", { style: { fontSize: "14px", color: theme2.colors.textSecondary }, children: "No schematics found" }),
+          /* @__PURE__ */ jsx("div", { style: { fontSize: "12px", color: theme2.colors.textMuted, textAlign: "center", maxWidth: "400px" }, children: "Schematics are fetched from traces with version information (repositoryUrl + commitSha). Make sure traces have version attributes and schematics are registered in the version registry." })
+        ] }) : /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: schematics.map((schematic, index2) => {
+          var _a;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                padding: "16px",
+                backgroundColor: theme2.colors.backgroundSecondary,
+                border: `1px solid ${theme2.colors.border}`,
+                borderRadius: "4px"
+              },
+              children: [
+                /* @__PURE__ */ jsxs("div", { style: { marginBottom: "12px" }, children: [
+                  /* @__PURE__ */ jsx("div", { style: { fontSize: "15px", fontWeight: 600, marginBottom: "4px" }, children: (_a = schematic.repositoryUrl) == null ? void 0 : _a.replace("https://github.com/", "") }),
+                  /* @__PURE__ */ jsx("div", { style: { fontSize: "12px", color: theme2.colors.textMuted, fontFamily: theme2.fonts.monospace }, children: schematic.commitSha })
+                ] }),
+                (() => {
+                  var _a2;
+                  const allWorkflows = ((_a2 = schematic.storyboards) == null ? void 0 : _a2.flatMap(
+                    (storyboard) => storyboard.workflows || []
+                  )) || [];
+                  return allWorkflows.length > 0 ? /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: allWorkflows.map((workflow, wIndex) => {
+                    var _a3;
+                    const scenarios = workflow.scenarios || ((_a3 = workflow.content) == null ? void 0 : _a3.scenarios) || [];
+                    return /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        style: {
+                          padding: "12px",
+                          backgroundColor: theme2.colors.background,
+                          border: `1px solid ${theme2.colors.border}`,
+                          borderRadius: "3px"
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx("div", { style: { fontSize: "14px", fontWeight: 500, marginBottom: "8px" }, children: workflow.name || "Unnamed Workflow" }),
+                          scenarios.length > 0 && /* @__PURE__ */ jsxs("div", { style: { fontSize: "12px", color: theme2.colors.textSecondary }, children: [
+                            /* @__PURE__ */ jsxs("div", { style: { fontWeight: 500, marginBottom: "4px" }, children: [
+                              "Scenarios (",
+                              scenarios.length,
+                              "):"
+                            ] }),
+                            /* @__PURE__ */ jsx("ul", { style: { margin: 0, paddingLeft: "20px" }, children: scenarios.map((scenario, sIndex) => {
+                              var _a4, _b;
+                              return /* @__PURE__ */ jsxs("li", { style: { marginBottom: "4px" }, children: [
+                                /* @__PURE__ */ jsx("span", { style: { fontWeight: 500 }, children: scenario.id }),
+                                ((_a4 = scenario.condition) == null ? void 0 : _a4.requires) && scenario.condition.requires.length > 0 && /* @__PURE__ */ jsxs("span", { style: { color: theme2.colors.textMuted }, children: [
+                                  " ",
+                                  "- requires: ",
+                                  scenario.condition.requires.join(", ")
+                                ] }),
+                                ((_b = scenario.condition) == null ? void 0 : _b.default) && /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.textMuted }, children: " - default fallback" })
+                              ] }, sIndex);
+                            }) })
+                          ] })
+                        ]
+                      },
+                      wIndex
+                    );
+                  }) }) : /* @__PURE__ */ jsx("div", { style: { fontSize: "12px", color: theme2.colors.textMuted }, children: "No workflows found" });
+                })()
+              ]
+            },
+            index2
+          );
+        }) }) }) : null
       ]
     }
   );