@kujolang/paperclip 0.1.0

package/dist/ui/index.js

@@ -0,0 +1,179 @@
+// src/ui/index.tsx
+import { useState } from "react";
+import { StatusBadge, Spinner, usePluginAction, usePluginData } from "@paperclipai/plugin-sdk/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+var card = { border: "1px solid var(--border, #ddd)", borderRadius: 8, padding: 16, display: "grid", gap: 10 };
+var grid = { display: "grid", gap: 16 };
+var metrics = { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(120px, 1fr))", gap: 12 };
+function ReviewSection({ review }) {
+  if (!review) return /* @__PURE__ */ jsxs("section", { style: card, children: [
+    /* @__PURE__ */ jsx("strong", { children: "Review Pack" }),
+    /* @__PURE__ */ jsx("span", { children: "Not generated" })
+  ] });
+  return /* @__PURE__ */ jsxs("section", { style: card, children: [
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between" }, children: [
+      /* @__PURE__ */ jsx("strong", { children: "Review Pack" }),
+      /* @__PURE__ */ jsx(
+        StatusBadge,
+        {
+          status: review.footprint.riskLevel === "high" ? "error" : review.footprint.riskLevel === "medium" ? "warning" : "ok",
+          label: `${review.footprint.riskLevel.toUpperCase()} BLAST RADIUS`
+        }
+      )
+    ] }),
+    review.stale && /* @__PURE__ */ jsx("div", { role: "alert", children: "This review was generated for an earlier workspace state." }),
+    /* @__PURE__ */ jsxs("div", { style: metrics, children: [
+      /* @__PURE__ */ jsxs("span", { children: [
+        /* @__PURE__ */ jsx("b", { children: review.footprint.filesChanged }),
+        /* @__PURE__ */ jsx("br", {}),
+        "files changed"
+      ] }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        /* @__PURE__ */ jsxs("b", { children: [
+          "+",
+          review.footprint.additions,
+          " / -",
+          review.footprint.deletions
+        ] }),
+        /* @__PURE__ */ jsx("br", {}),
+        "lines"
+      ] }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        /* @__PURE__ */ jsx("b", { children: review.footprint.churn }),
+        /* @__PURE__ */ jsx("br", {}),
+        "lines churn"
+      ] })
+    ] }),
+    review.footprint.signals.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("b", { children: "Signals" }),
+      /* @__PURE__ */ jsx("ul", { children: review.footprint.signals.map((signal) => /* @__PURE__ */ jsx("li", { children: signal.message }, signal.id)) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("b", { children: "Suggested verification" }),
+      /* @__PURE__ */ jsx("div", { style: { fontSize: 12 }, children: "Suggestions only \u2014 no command is claimed as executed." }),
+      /* @__PURE__ */ jsx("ul", { children: review.suggestedTests.slice(0, 12).map((test) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("code", { children: test.command }) }, test.command)) })
+    ] }),
+    /* @__PURE__ */ jsx("small", { children: "Generated with Kujo ChangeBucket + PatchBrief" })
+  ] });
+}
+function FailureSection({ failure }) {
+  if (!failure) return /* @__PURE__ */ jsxs("section", { style: card, children: [
+    /* @__PURE__ */ jsx("strong", { children: "Failure Evidence" }),
+    /* @__PURE__ */ jsx("span", { children: "None" })
+  ] });
+  return /* @__PURE__ */ jsxs("section", { style: card, children: [
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between" }, children: [
+      /* @__PURE__ */ jsx("strong", { children: "Failure Evidence" }),
+      /* @__PURE__ */ jsx(StatusBadge, { status: "error", label: "FAILED" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("b", { children: failure.failure.title }) }),
+    failure.failure.command && /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("small", { children: "Command" }),
+      /* @__PURE__ */ jsx("br", {}),
+      /* @__PURE__ */ jsx("code", { children: failure.failure.command })
+    ] }),
+    failure.failure.exitCode !== void 0 && /* @__PURE__ */ jsxs("div", { children: [
+      "Exit code: ",
+      failure.failure.exitCode
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      "Redaction applied: ",
+      failure.redaction.redactedCount,
+      " match(es)"
+    ] }),
+    failure.evidence.map((item) => /* @__PURE__ */ jsxs("details", { children: [
+      /* @__PURE__ */ jsxs("summary", { children: [
+        item.label,
+        item.truncated ? " (truncated)" : ""
+      ] }),
+      /* @__PURE__ */ jsx("pre", { style: { whiteSpace: "pre-wrap", maxHeight: 320, overflow: "auto" }, children: item.content })
+    ] }, item.label)),
+    /* @__PURE__ */ jsx("small", { children: "Captured with Kujo CaseFile" })
+  ] });
+}
+function ContextSection({ context }) {
+  if (!context) return /* @__PURE__ */ jsxs("section", { style: card, children: [
+    /* @__PURE__ */ jsx("strong", { children: "Context Pack" }),
+    /* @__PURE__ */ jsx("span", { children: "Available" })
+  ] });
+  return /* @__PURE__ */ jsxs("section", { style: card, children: [
+    /* @__PURE__ */ jsx("strong", { children: "Context Pack" }),
+    /* @__PURE__ */ jsx("div", { children: context.task }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      context.files.length,
+      " relevant files \xB7 about ",
+      context.estimatedTokens.toLocaleString(),
+      " tokens \xB7 ",
+      context.depth
+    ] }),
+    context.stale && /* @__PURE__ */ jsx("div", { role: "alert", children: "This context was generated for an earlier workspace state." }),
+    /* @__PURE__ */ jsx("ul", { children: context.files.slice(0, 20).map((file) => /* @__PURE__ */ jsxs("li", { children: [
+      /* @__PURE__ */ jsx("code", { children: file.path }),
+      /* @__PURE__ */ jsx("br", {}),
+      /* @__PURE__ */ jsx("small", { children: file.reason })
+    ] }, file.path)) }),
+    context.truncated && /* @__PURE__ */ jsx("div", { children: "Selection was bounded by the configured budget." }),
+    /* @__PURE__ */ jsx("small", { children: "Selected with Kujo Scent" })
+  ] });
+}
+function KujoDetailTab({ context }) {
+  const { data, loading, error, refresh } = usePluginData("detail", { entityType: context.entityType, entityId: context.entityId });
+  const generateReview = usePluginAction("generate-review");
+  const generateContext = usePluginAction("generate-context");
+  const captureFailure = usePluginAction("capture-failure");
+  const clearArtifacts = usePluginAction("clear-artifacts");
+  const [task, setTask] = useState("");
+  const [failureTitle, setFailureTitle] = useState("");
+  const [failureLog, setFailureLog] = useState("");
+  const [busy, setBusy] = useState(null);
+  const [actionError, setActionError] = useState(null);
+  const canGenerate = context.entityType === "project" || context.entityType === "issue";
+  async function run(label, fn) {
+    setBusy(label);
+    setActionError(null);
+    try {
+      await fn();
+      await refresh();
+    } catch (value) {
+      setActionError(value instanceof Error ? value.message : String(value));
+    } finally {
+      setBusy(null);
+    }
+  }
+  if (loading) return /* @__PURE__ */ jsx(Spinner, { label: "Loading Kujo artifacts" });
+  if (error) return /* @__PURE__ */ jsxs("div", { role: "alert", children: [
+    "Unable to load Kujo artifacts: ",
+    error.message
+  ] });
+  return /* @__PURE__ */ jsxs("div", { style: grid, children: [
+    /* @__PURE__ */ jsxs("header", { children: [
+      /* @__PURE__ */ jsx("h2", { style: { marginBottom: 4 }, children: "Kujo" }),
+      /* @__PURE__ */ jsx("div", { children: "Scope, review, and reproduce agent work." })
+    ] }),
+    actionError && /* @__PURE__ */ jsx("div", { role: "alert", children: actionError }),
+    canGenerate && /* @__PURE__ */ jsxs("section", { style: card, children: [
+      /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: 8, flexWrap: "wrap" }, children: /* @__PURE__ */ jsx("button", { disabled: busy !== null, onClick: () => run("review", () => generateReview({ entityType: context.entityType, entityId: context.entityId })), children: busy === "review" ? "Generating\u2026" : "Generate Review Pack" }) }),
+      /* @__PURE__ */ jsxs("label", { children: [
+        "Task for Context Pack",
+        /* @__PURE__ */ jsx("input", { value: task, onChange: (event) => setTask(event.target.value), maxLength: 1e4, style: { display: "block", width: "100%" } })
+      ] }),
+      /* @__PURE__ */ jsx("button", { disabled: busy !== null || !task.trim(), onClick: () => run("context", () => generateContext({ entityType: context.entityType, entityId: context.entityId, task, depth: "focused" })), children: busy === "context" ? "Selecting\u2026" : "Generate Context Pack" }),
+      /* @__PURE__ */ jsxs("label", { children: [
+        "Failure title",
+        /* @__PURE__ */ jsx("input", { value: failureTitle, onChange: (event) => setFailureTitle(event.target.value), maxLength: 200, style: { display: "block", width: "100%" } })
+      ] }),
+      /* @__PURE__ */ jsxs("label", { children: [
+        "Bounded failure log",
+        /* @__PURE__ */ jsx("textarea", { value: failureLog, onChange: (event) => setFailureLog(event.target.value), maxLength: 2e5, rows: 5, style: { display: "block", width: "100%" } })
+      ] }),
+      /* @__PURE__ */ jsx("button", { disabled: busy !== null || !failureTitle.trim(), onClick: () => run("failure", () => captureFailure({ entityType: context.entityType, entityId: context.entityId, title: failureTitle, log: failureLog })), children: busy === "failure" ? "Capturing\u2026" : "Capture Failure Evidence" }),
+      /* @__PURE__ */ jsx("button", { disabled: busy !== null, onClick: () => run("clear", () => clearArtifacts({ entityType: context.entityType, entityId: context.entityId })), children: busy === "clear" ? "Clearing\u2026" : "Clear Kujo data" })
+    ] }),
+    /* @__PURE__ */ jsx(ReviewSection, { review: data?.review ?? null }),
+    /* @__PURE__ */ jsx(FailureSection, { failure: data?.failure ?? null }),
+    /* @__PURE__ */ jsx(ContextSection, { context: data?.context ?? null })
+  ] });
+}
+export {
+  KujoDetailTab
+};