@gobing-ai/knowledge-kit 0.0.37 → 0.1.0

package/dist/board/itc/index.js

@@ -494,6 +494,7 @@ function ItcModule() {
   const [results, setResults] = useState(null);
   const [config, setConfig] = useState(null);
   const [progress, setProgress] = useState(null);
+  const [filterQuery, setFilterQuery] = useState("");
   const historyBusy = useRef(false);
   const readerBusy = useRef(false);
   const selectionRef = useRef(selection);
@@ -564,44 +565,99 @@ function ItcModule() {
   const artifacts = results === null ? [] : artifactViews(results, readerOrigin);
   const steps = progressRows(progress);
   const selectedRow = rows.find((row) => row.id === selection.runId);
+  const filteredRows = useMemo(() => {
+    const q = filterQuery.trim().toLowerCase();
+    if (q === "")
+      return rows;
+    return rows.filter((r) => r.id.toLowerCase().includes(q) || r.status.toLowerCase().includes(q));
+  }, [rows, filterQuery]);
   return /* @__PURE__ */ jsxs("div", {
     className: "kk-board kk-board-itc",
     children: [
       /* @__PURE__ */ jsxs("header", {
         className: "kk-board-header",
         children: [
-          /* @__PURE__ */ jsx("h1", {
-            children: "IT Content"
-          }),
-          /* @__PURE__ */ jsxs("p", {
+          /* @__PURE__ */ jsxs("div", {
+            className: "kk-board-header-left",
             children: [
-              "Run ",
-              /* @__PURE__ */ jsx("code", {
-                children: selection.runId ?? "none selected"
+              /* @__PURE__ */ jsxs("div", {
+                className: "kk-board-header-title-row",
+                children: [
+                  /* @__PURE__ */ jsx("h1", {
+                    children: "IT Content"
+                  }),
+                  selectedRow ? /* @__PURE__ */ jsx("span", {
+                    className: `kk-badge ${selectedRow.status === "done" ? "kk-badge-success" : selectedRow.status === "failed" ? "kk-badge-failed" : "kk-badge-running"}`,
+                    children: selectedRow.status
+                  }) : null
+                ]
               }),
-              " · ",
-              selectedRow?.status ?? "status unknown",
-              " ·",
-              " ",
-              freshnessLabel(readerRefresh)
+              /* @__PURE__ */ jsxs("p", {
+                children: [
+                  "Run ",
+                  /* @__PURE__ */ jsx("code", {
+                    children: selection.runId ?? "none selected"
+                  }),
+                  " · ",
+                  freshnessLabel(readerRefresh),
+                  summary === null ? "" : ` · Outcome ${summary.outcome ?? "unknown"} · ${results?.availability ?? "unverified"}`
+                ]
+              })
             ]
           }),
-          summary === null ? null : /* @__PURE__ */ jsxs("p", {
+          /* @__PURE__ */ jsxs("div", {
+            className: "kk-board-header-right",
             children: [
-              "Outcome ",
-              summary.outcome ?? "unknown",
-              " · ",
-              results?.availability ?? "unverified"
+              /* @__PURE__ */ jsxs("div", {
+                className: "kk-board-run-filter-group",
+                children: [
+                  /* @__PURE__ */ jsx("input", {
+                    type: "text",
+                    className: "kk-board-run-filter-input",
+                    placeholder: "Filter runs...",
+                    value: filterQuery,
+                    onChange: (e) => setFilterQuery(e.target.value),
+                    "aria-label": "Filter runs"
+                  }),
+                  /* @__PURE__ */ jsxs("label", {
+                    className: "kk-board-run-selector",
+                    children: [
+                      "Run",
+                      /* @__PURE__ */ jsxs("select", {
+                        value: selection.runId ?? "",
+                        onChange: (event) => setSelection((state) => ({ ...state, runId: event.target.value || null })),
+                        children: [
+                          /* @__PURE__ */ jsx("option", {
+                            value: "",
+                            children: rows.length === 0 ? "No runs recorded" : filteredRows.length === 0 ? "No matching runs" : "Select a run"
+                          }),
+                          filteredRows.map((row) => /* @__PURE__ */ jsxs("option", {
+                            value: row.id,
+                            children: [
+                              row.id,
+                              " — ",
+                              row.status
+                            ]
+                          }, row.id))
+                        ]
+                      })
+                    ]
+                  })
+                ]
+              }),
+              /* @__PURE__ */ jsx("button", {
+                type: "button",
+                onClick: () => void loadReader(),
+                title: "Refresh run data",
+                children: "↻ Refresh"
+              }),
+              selection.runId === null ? null : /* @__PURE__ */ jsx("a", {
+                href: selectionPath(selection, window.location.search, MODULE_PATH),
+                className: "kk-btn-action",
+                title: "Permanent link",
+                children: "\uD83D\uDD17 Link"
+              })
             ]
-          }),
-          /* @__PURE__ */ jsx("button", {
-            type: "button",
-            onClick: () => void loadReader(),
-            children: "Refresh"
-          }),
-          selection.runId === null ? null : /* @__PURE__ */ jsx("a", {
-            href: selectionPath(selection, window.location.search, MODULE_PATH),
-            children: "Permanent link to this view"
           })
         ]
       }),
@@ -615,30 +671,6 @@ function ItcModule() {
           children: TAB_LABELS[candidate]
         }, candidate))
       }),
-      /* @__PURE__ */ jsxs("label", {
-        className: "kk-board-run-selector",
-        children: [
-          "Run",
-          /* @__PURE__ */ jsxs("select", {
-            value: selection.runId ?? "",
-            onChange: (event) => setSelection((state) => ({ ...state, runId: event.target.value || null })),
-            children: [
-              /* @__PURE__ */ jsx("option", {
-                value: "",
-                children: rows.length === 0 ? "No runs recorded" : "Select a run"
-              }),
-              rows.map((row) => /* @__PURE__ */ jsxs("option", {
-                value: row.id,
-                children: [
-                  row.id,
-                  " — ",
-                  row.status
-                ]
-              }, row.id))
-            ]
-          })
-        ]
-      }),
       rows.length === 0 ? /* @__PURE__ */ jsxs("p", {
         className: "kk-board-empty",
         children: [
@@ -693,25 +725,115 @@ function SummaryPanel({ facts, results }) {
     return /* @__PURE__ */ jsx("p", {
       children: "No captured results for the selected run."
     });
-  return /* @__PURE__ */ jsx("dl", {
-    className: "kk-board-facts",
-    children: facts.map((fact) => /* @__PURE__ */ jsxs("div", {
-      children: [
-        /* @__PURE__ */ jsx("dt", {
-          children: fact.label
-        }),
-        /* @__PURE__ */ jsxs("dd", {
+  const summary = itcSummary(results);
+  const readyTargets = summary.targets.filter((t) => t.state === "live" || t.state === "draft").length;
+  return /* @__PURE__ */ jsxs("div", {
+    style: { display: "flex", flexDirection: "column", gap: "0.875rem" },
+    children: [
+      /* @__PURE__ */ jsxs("div", {
+        className: "kk-stat-grid",
+        children: [
+          /* @__PURE__ */ jsxs("div", {
+            className: "kk-stat-card",
+            children: [
+              /* @__PURE__ */ jsx("span", {
+                className: "kk-stat-label",
+                children: "Article Outcome"
+              }),
+              /* @__PURE__ */ jsx("span", {
+                className: "kk-stat-value",
+                children: summary.outcome ?? "—"
+              }),
+              /* @__PURE__ */ jsx("span", {
+                className: "kk-stat-sub",
+                children: "IT Content pipeline"
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsxs("div", {
+            className: "kk-stat-card",
+            children: [
+              /* @__PURE__ */ jsx("span", {
+                className: "kk-stat-label",
+                children: "Publish Targets"
+              }),
+              /* @__PURE__ */ jsxs("span", {
+                className: "kk-stat-value",
+                children: [
+                  readyTargets,
+                  " / ",
+                  summary.targets.length
+                ]
+              }),
+              /* @__PURE__ */ jsx("span", {
+                className: "kk-stat-sub",
+                children: "Platforms prepared"
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsxs("div", {
+            className: "kk-stat-card",
+            children: [
+              /* @__PURE__ */ jsx("span", {
+                className: "kk-stat-label",
+                children: "Judge Verdict"
+              }),
+              /* @__PURE__ */ jsx("span", {
+                className: "kk-stat-value",
+                children: summary.judge?.verdict ?? "—"
+              }),
+              /* @__PURE__ */ jsxs("span", {
+                className: "kk-stat-sub",
+                children: [
+                  "Confidence: ",
+                  summary.judge?.confidence ?? "—"
+                ]
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsxs("div", {
+            className: "kk-stat-card",
+            children: [
+              /* @__PURE__ */ jsx("span", {
+                className: "kk-stat-label",
+                children: "Revision Rounds"
+              }),
+              /* @__PURE__ */ jsx("span", {
+                className: "kk-stat-value",
+                children: summary.revisions.revise ?? 0
+              }),
+              /* @__PURE__ */ jsxs("span", {
+                className: "kk-stat-sub",
+                children: [
+                  summary.revisions.autoRevise ?? 0,
+                  " automated revisions"
+                ]
+              })
+            ]
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx("dl", {
+        className: "kk-board-facts",
+        children: facts.map((fact) => /* @__PURE__ */ jsxs("div", {
           children: [
-            fact.value,
-            " ",
-            /* @__PURE__ */ jsx("span", {
-              className: "kk-board-state",
-              children: fact.availability
+            /* @__PURE__ */ jsx("dt", {
+              children: fact.label
+            }),
+            /* @__PURE__ */ jsxs("dd", {
+              children: [
+                fact.value,
+                " ",
+                /* @__PURE__ */ jsx("span", {
+                  className: "kk-board-state",
+                  children: fact.availability
+                })
+              ]
             })
           ]
-        })
-      ]
-    }, fact.label))
+        }, fact.label))
+      })
+    ]
   });
 }
 function PreviewBlock({ preview }) {