npm - @kujolang/paperclip - Versions diffs - 0.1.2 → 0.1.4 - Mend

@kujolang/paperclip 0.1.2 → 0.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/CHANGELOG.md +11 -0
package/README.md +3 -3
package/VERSION +1 -1
package/dist/manifest.js +17 -8
package/dist/ui/index.js +307 -113
package/dist/worker.js +2 -218
package/docs/CATALOG_SUBMISSION.md +2 -1
package/docs/INSTALLATION.md +1 -1
package/docs/OPERATIONS.md +4 -0
package/docs/RELEASE_READINESS.md +1 -1
package/docs/USAGE.md +3 -1
package/package.json +8 -3

package/CHANGELOG.md CHANGED Viewed

@@ -1,5 +1,16 @@
 # Changelog
+## 0.1.4 - 2026-09-02
+- Show Kujo automatically in Paperclip's current issue view while keeping the shared detail tab for project, issue, and run pages.
+- Replace the basic action list with a polished monochrome workspace, clearer action cards, stronger artifact states, and responsive controls.
+- Correct the empty Context Pack state so it reports that a pack has not been generated.
+## 0.1.3 - 2026-09-02
+- Resolve the installed `@kujolang/kujo-runtime` package at worker runtime instead of inlining its package resolver into the ESM worker bundle.
+- Add a package verification regression gate for the external runtime boundary.
 ## 0.1.2 - 2026-09-02
 - Publish through npm trusted publishing with short-lived GitHub Actions identity tokens instead of a stored npm token.

package/README.md CHANGED Viewed

@@ -1,6 +1,6 @@
 # Kujo for Paperclip
-[![Version](https://img.shields.io/badge/version-0.1.2-black)](https://github.com/kujolang/paperclip/releases/tag/v0.1.2)
+[![Version](https://img.shields.io/badge/version-0.1.4-black)](https://github.com/kujolang/paperclip/releases/tag/v0.1.4)
 [![License](https://img.shields.io/badge/license-MIT-lightgrey)](LICENSE)
 [![built with Kujo](https://img.shields.io/badge/built%20with-Kujo-white.svg)](https://github.com/kujolang/kujo)
@@ -14,7 +14,7 @@ You need Paperclip `2026.824.1` or later and Node.js `24.11.0` or later.
 npx paperclipai plugin install @kujolang/paperclip
 ```
-Restart Paperclip if it is already running. Open a project, issue, or run and select the **Kujo** tab. The status panel should report that the runtime and all four bundled components are ready.
+Restart Paperclip if it is already running. Kujo appears automatically inside Paperclip's current task view. On project and run pages, open the **Kujo** tab. You do not need to switch to the Classic Task Interface.
 The npm package includes the correct Kujo runtime for macOS arm64/x64, Linux arm64/x64, and Windows x64. Installation does not run `preinstall`, `install`, or `postinstall` scripts.
@@ -22,7 +22,7 @@ See [Installation](docs/INSTALLATION.md) for upgrades, local development install
 ## Use
-Open the **Kujo** tab on a project or issue to:
+Open an issue to use the inline Kujo workspace, or open the **Kujo** tab on a project, issue detail page, or run to:
 - generate a **Review Pack** for the working tree;
 - create a task-specific **Context Pack**;

package/VERSION CHANGED Viewed

	@@ -1 +1 @@
1	- 0.1.2
1	+ 0.1.4

package/dist/manifest.js CHANGED Viewed

@@ -14527,7 +14527,7 @@ var DEFAULT_LIMITS = {
   maxInputLogBytes: 2e5,
   maxContextFileBytes: 2e3
 };
-var PLUGIN_VERSION = "0.1.2";
+var PLUGIN_VERSION = "0.1.4";
 var MINIMUM_HOST_VERSION = "0.0.0";
 // src/config/schema.ts
@@ -14677,13 +14677,22 @@ var manifest = {
     description: "Request focused Context Packs before broad repository exploration."
   }],
   ui: {
-    slots: [{
-      type: "detailTab",
-      id: "kujo",
-      displayName: "Kujo",
-      exportName: "KujoDetailTab",
-      entityTypes: ["project", "issue", "run"]
-    }]
+    slots: [
+      {
+        type: "detailTab",
+        id: "kujo",
+        displayName: "Kujo",
+        exportName: "KujoDetailTab",
+        entityTypes: ["project", "issue", "run"]
+      },
+      {
+        type: "taskDetailView",
+        id: "kujo-task-view",
+        displayName: "Kujo",
+        exportName: "KujoTaskDetailView",
+        entityTypes: ["issue"]
+      }
+    ]
   }
 };
 var manifest_default = manifest;

package/dist/ui/index.js CHANGED Viewed

@@ -1,122 +1,244 @@
 // src/ui/index.tsx
 import { useState } from "react";
-import { StatusBadge, Spinner, usePluginAction, usePluginData } from "@paperclipai/plugin-sdk/ui";
+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" })
+var colors = {
+  ink: "var(--foreground, #111111)",
+  muted: "var(--muted-foreground, #6b7280)",
+  border: "var(--border, #e5e7eb)",
+  surface: "var(--card, #ffffff)",
+  canvas: "var(--background, #ffffff)",
+  soft: "var(--muted, #f5f5f5)",
+  danger: "var(--destructive, #b42318)"
+};
+var panel = {
+  color: colors.ink,
+  display: "grid",
+  gap: 16,
+  width: "100%",
+  fontFamily: "inherit"
+};
+var card = {
+  background: colors.surface,
+  border: `1px solid ${colors.border}`,
+  borderRadius: 14,
+  boxShadow: "0 1px 2px rgba(0, 0, 0, 0.04)",
+  display: "grid",
+  gap: 14,
+  padding: 18
+};
+var hero = {
+  ...card,
+  alignItems: "center",
+  background: `linear-gradient(135deg, ${colors.surface} 0%, ${colors.soft} 100%)`,
+  gridTemplateColumns: "auto minmax(0, 1fr) auto"
+};
+var actionGrid = {
+  display: "grid",
+  gap: 14,
+  gridTemplateColumns: "repeat(auto-fit, minmax(240px, 1fr))"
+};
+var actionCard = {
+  background: colors.canvas,
+  border: `1px solid ${colors.border}`,
+  borderRadius: 12,
+  display: "flex",
+  flexDirection: "column",
+  gap: 10,
+  minWidth: 0,
+  padding: 16
+};
+var input = {
+  background: colors.canvas,
+  border: `1px solid ${colors.border}`,
+  borderRadius: 9,
+  boxSizing: "border-box",
+  color: colors.ink,
+  display: "block",
+  font: "inherit",
+  fontSize: 13,
+  lineHeight: 1.45,
+  marginTop: 6,
+  outline: "none",
+  padding: "10px 12px",
+  resize: "vertical",
+  width: "100%"
+};
+var buttonBase = {
+  alignItems: "center",
+  borderRadius: 9,
+  cursor: "pointer",
+  display: "inline-flex",
+  font: "inherit",
+  fontSize: 13,
+  fontWeight: 650,
+  gap: 7,
+  justifyContent: "center",
+  lineHeight: 1,
+  minHeight: 38,
+  padding: "10px 14px",
+  transition: "opacity 120ms ease, transform 120ms ease"
+};
+var primaryButton = {
+  ...buttonBase,
+  background: colors.ink,
+  border: `1px solid ${colors.ink}`,
+  color: colors.canvas,
+  boxShadow: "0 1px 2px rgba(0, 0, 0, 0.14)"
+};
+var secondaryButton = {
+  ...buttonBase,
+  background: colors.canvas,
+  border: `1px solid ${colors.border}`,
+  color: colors.ink
+};
+var dangerButton = {
+  ...secondaryButton,
+  color: colors.danger
+};
+var eyebrow = {
+  color: colors.muted,
+  fontSize: 11,
+  fontWeight: 700,
+  letterSpacing: "0.09em",
+  textTransform: "uppercase"
+};
+var muted = { color: colors.muted, fontSize: 13, lineHeight: 1.5 };
+function KujoMark() {
+  return /* @__PURE__ */ jsx("div", { "aria-hidden": "true", style: {
+    alignItems: "center",
+    background: colors.ink,
+    borderRadius: 11,
+    color: colors.canvas,
+    display: "flex",
+    fontSize: 15,
+    fontWeight: 800,
+    height: 42,
+    justifyContent: "center",
+    letterSpacing: "-0.04em",
+    width: 42
+  }, children: "K" });
+}
+function ActionButton({ children, disabled, onClick, tone = "primary" }) {
+  const style = tone === "primary" ? primaryButton : tone === "danger" ? dangerButton : secondaryButton;
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      disabled,
+      onClick,
+      style: { ...style, ...disabled ? { cursor: "not-allowed", opacity: 0.45 } : {} },
+      children
+    }
+  );
+}
+function SectionTitle({ title, detail, badge }) {
+  return /* @__PURE__ */ jsxs("div", { style: { alignItems: "flex-start", display: "flex", gap: 12, justifyContent: "space-between" }, children: [
+    /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: 4 }, children: [
+      /* @__PURE__ */ jsx("strong", { style: { fontSize: 15 }, children: title }),
+      /* @__PURE__ */ jsx("span", { style: muted, children: detail })
+    ] }),
+    badge
   ] });
+}
+function EmptySection({ title, detail }) {
+  return /* @__PURE__ */ jsx("section", { style: card, children: /* @__PURE__ */ jsx(SectionTitle, { title, detail, badge: /* @__PURE__ */ jsx(StatusBadge, { status: "pending", label: "NOT GENERATED" }) }) });
+}
+function ReviewSection({ review }) {
+  if (!review) return /* @__PURE__ */ jsx(EmptySection, { title: "Review Pack", detail: "Generate a bounded summary of the current workspace changes." });
   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"
-      ] })
-    ] }),
+    /* @__PURE__ */ jsx(
+      SectionTitle,
+      {
+        title: "Review Pack",
+        detail: "Change size, risk signals, and suggested checks.",
+        badge: /* @__PURE__ */ jsx(
+          StatusBadge,
+          {
+            status: review.footprint.riskLevel === "high" ? "error" : review.footprint.riskLevel === "medium" ? "warning" : "ok",
+            label: `${review.footprint.riskLevel.toUpperCase()} RISK`
+          }
+        )
+      }
+    ),
+    review.stale && /* @__PURE__ */ jsx("div", { role: "alert", style: { ...muted, color: colors.danger }, children: "This review is stale. Generate a new Review Pack before using it." }),
+    /* @__PURE__ */ jsx("div", { style: { display: "grid", gap: 10, gridTemplateColumns: "repeat(auto-fit, minmax(130px, 1fr))" }, children: [
+      [review.footprint.filesChanged, "Files changed"],
+      [`+${review.footprint.additions} / -${review.footprint.deletions}`, "Line delta"],
+      [review.footprint.churn, "Lines churn"]
+    ].map(([value, label]) => /* @__PURE__ */ jsxs("div", { style: { background: colors.soft, borderRadius: 10, display: "grid", gap: 3, padding: 12 }, children: [
+      /* @__PURE__ */ jsx("strong", { style: { fontSize: 18 }, children: value }),
+      /* @__PURE__ */ jsx("span", { style: eyebrow, children: label })
+    ] }, label)) }),
     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__ */ jsx("strong", { style: { fontSize: 13 }, children: "Signals" }),
+      /* @__PURE__ */ jsx("ul", { style: { ...muted, marginBottom: 0, paddingLeft: 20 }, 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("strong", { style: { fontSize: 13 }, children: "Suggested verification" }),
+      /* @__PURE__ */ jsx("div", { style: muted, children: "Suggestions only. Kujo does not claim these commands ran." }),
+      /* @__PURE__ */ jsx("ul", { style: { marginBottom: 0, paddingLeft: 20 }, 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" })
+    /* @__PURE__ */ jsx("span", { style: eyebrow, children: "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" })
-  ] });
+  if (!failure) return /* @__PURE__ */ jsx(EmptySection, { title: "Failure Evidence", detail: "No redacted failure record has been captured." });
   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 }) }),
+    /* @__PURE__ */ jsx(SectionTitle, { title: "Failure Evidence", detail: failure.failure.title, badge: /* @__PURE__ */ jsx(StatusBadge, { status: "error", label: "CAPTURED" }) }),
     failure.failure.command && /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("small", { children: "Command" }),
+      /* @__PURE__ */ jsx("span", { style: eyebrow, 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: ",
+    /* @__PURE__ */ jsxs("div", { style: muted, children: [
+      failure.failure.exitCode !== void 0 ? `Exit code ${failure.failure.exitCode} \xB7 ` : "",
       failure.redaction.redactedCount,
-      " match(es)"
+      " sensitive match(es) redacted"
     ] }),
-    failure.evidence.map((item) => /* @__PURE__ */ jsxs("details", { children: [
-      /* @__PURE__ */ jsxs("summary", { children: [
+    failure.evidence.map((item) => /* @__PURE__ */ jsxs("details", { style: { background: colors.soft, borderRadius: 10, padding: 12 }, children: [
+      /* @__PURE__ */ jsxs("summary", { style: { cursor: "pointer", fontSize: 13, fontWeight: 650 }, children: [
         item.label,
-        item.truncated ? " (truncated)" : ""
+        item.truncated ? " \xB7 truncated" : ""
       ] }),
-      /* @__PURE__ */ jsx("pre", { style: { whiteSpace: "pre-wrap", maxHeight: 320, overflow: "auto" }, children: item.content })
+      /* @__PURE__ */ jsx("pre", { style: { fontSize: 12, marginBottom: 0, maxHeight: 320, overflow: "auto", whiteSpace: "pre-wrap" }, children: item.content })
     ] }, item.label)),
-    /* @__PURE__ */ jsx("small", { children: "Captured with Kujo CaseFile" })
+    /* @__PURE__ */ jsx("span", { style: eyebrow, children: "CaseFile" })
   ] });
 }
 function ContextSection({ context }) {
-  if (!context) return /* @__PURE__ */ jsxs("section", { style: card, children: [
-    /* @__PURE__ */ jsx("strong", { children: "Context Pack" }),
-    /* @__PURE__ */ jsx("span", { children: "Available" })
-  ] });
+  if (!context) return /* @__PURE__ */ jsx(EmptySection, { title: "Context Pack", detail: "Select the files that matter before an agent reads broadly." });
   return /* @__PURE__ */ jsxs("section", { style: card, children: [
-    /* @__PURE__ */ jsx("strong", { children: "Context Pack" }),
-    /* @__PURE__ */ jsx("div", { children: context.task }),
-    /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(
+      SectionTitle,
+      {
+        title: "Context Pack",
+        detail: context.task,
+        badge: /* @__PURE__ */ jsx(StatusBadge, { status: context.stale ? "warning" : "ok", label: context.stale ? "STALE" : "READY" })
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { style: { ...muted, fontWeight: 600 }, children: [
       context.files.length,
-      " relevant files \xB7 about ",
+      " files \xB7 about ",
       context.estimatedTokens.toLocaleString(),
       " tokens \xB7 ",
-      context.depth
+      context.depth,
+      " 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 })
+    /* @__PURE__ */ jsx("div", { style: { display: "grid", gap: 8 }, children: context.files.slice(0, 20).map((file) => /* @__PURE__ */ jsxs("div", { style: { background: colors.soft, borderRadius: 9, display: "grid", gap: 3, padding: "10px 12px" }, children: [
+      /* @__PURE__ */ jsx("code", { style: { fontSize: 12 }, children: file.path }),
+      /* @__PURE__ */ jsx("span", { style: muted, 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" })
+    context.truncated && /* @__PURE__ */ jsx("div", { style: muted, children: "The configured token budget bounded this selection." }),
+    /* @__PURE__ */ jsx("span", { style: eyebrow, children: "Scent" })
   ] });
 }
-function KujoDetailTab({ context }) {
+function KujoPanel({ context, compact = false }) {
   const { data, loading, error, refresh } = usePluginData("detail", { entityType: context.entityType, entityId: context.entityId });
   const generateReview = usePluginAction("generate-review");
   const generateContext = usePluginAction("generate-context");
@@ -140,40 +262,112 @@ function KujoDetailTab({ context }) {
       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: ",
+  if (loading) return /* @__PURE__ */ jsx(Spinner, { label: "Loading Kujo workspace intelligence" });
+  if (error) return /* @__PURE__ */ jsxs("div", { role: "alert", style: { ...card, color: colors.danger }, children: [
+    "Unable to load Kujo: ",
     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." })
+  const hasArtifacts = Boolean(data?.review || data?.failure || data?.context);
+  return /* @__PURE__ */ jsxs("div", { style: { ...panel, ...compact ? { marginTop: 12 } : {} }, children: [
+    /* @__PURE__ */ jsxs("header", { style: hero, children: [
+      /* @__PURE__ */ jsx(KujoMark, {}),
+      /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: 3, minWidth: 0 }, children: [
+        /* @__PURE__ */ jsx("span", { style: eyebrow, children: "Workspace intelligence" }),
+        /* @__PURE__ */ jsx("strong", { style: { fontSize: compact ? 17 : 20, letterSpacing: "-0.02em" }, children: "Kujo" }),
+        /* @__PURE__ */ jsx("span", { style: muted, children: "Scope the work. Review the change. Preserve the evidence." })
+      ] }),
+      /* @__PURE__ */ jsx(StatusBadge, { status: "ok", label: "READY" })
     ] }),
-    actionError && /* @__PURE__ */ jsx("div", { role: "alert", children: actionError }),
+    actionError && /* @__PURE__ */ jsx("div", { role: "alert", style: { ...card, borderColor: colors.danger, color: colors.danger }, 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("div", { children: [
+        /* @__PURE__ */ jsx("div", { style: eyebrow, children: "Actions" }),
+        /* @__PURE__ */ jsx("strong", { style: { display: "block", fontSize: 16, marginTop: 4 }, children: "Create a reviewable work record" })
       ] }),
-      /* @__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__ */ jsxs("div", { style: actionGrid, children: [
+        /* @__PURE__ */ jsxs("div", { style: actionCard, children: [
+          /* @__PURE__ */ jsx(SectionTitle, { title: "Review changes", detail: "Measure blast radius and prepare a review handoff." }),
+          /* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
+          /* @__PURE__ */ jsxs(ActionButton, { disabled: busy !== null, onClick: () => run("review", () => generateReview({ entityType: context.entityType, entityId: context.entityId })), children: [
+            busy === "review" ? "Generating\u2026" : "Generate Review Pack",
+            " ",
+            /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\u2192" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { style: actionCard, children: [
+          /* @__PURE__ */ jsx(SectionTitle, { title: "Select context", detail: "Build a focused, bounded file set for a task." }),
+          /* @__PURE__ */ jsxs("label", { style: { ...eyebrow, display: "block" }, children: [
+            "Task",
+            /* @__PURE__ */ jsx(
+              "textarea",
+              {
+                value: task,
+                onChange: (event) => setTask(event.target.value),
+                maxLength: 1e4,
+                placeholder: "What should the agent investigate?",
+                rows: 3,
+                style: input
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(ActionButton, { 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__ */ jsx("span", { "aria-hidden": "true", children: "\u2192" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { style: actionCard, children: [
+          /* @__PURE__ */ jsx(SectionTitle, { title: "Capture a failure", detail: "Store bounded logs with sensitive values redacted." }),
+          /* @__PURE__ */ jsxs("label", { style: { ...eyebrow, display: "block" }, children: [
+            "Title",
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                value: failureTitle,
+                onChange: (event) => setFailureTitle(event.target.value),
+                maxLength: 200,
+                placeholder: "CI verification failure",
+                style: input
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("label", { style: { ...eyebrow, display: "block" }, children: [
+            "Bounded log",
+            /* @__PURE__ */ jsx(
+              "textarea",
+              {
+                value: failureLog,
+                onChange: (event) => setFailureLog(event.target.value),
+                maxLength: 2e5,
+                placeholder: "Paste the relevant output here.",
+                rows: 3,
+                style: input
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(ActionButton, { 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("span", { "aria-hidden": "true", children: "\u2192" })
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: 12 }, children: [
+      /* @__PURE__ */ jsx(ReviewSection, { review: data?.review ?? null }),
+      /* @__PURE__ */ jsx(FailureSection, { failure: data?.failure ?? null }),
+      /* @__PURE__ */ jsx(ContextSection, { context: data?.context ?? null })
     ] }),
-    /* @__PURE__ */ jsx(ReviewSection, { review: data?.review ?? null }),
-    /* @__PURE__ */ jsx(FailureSection, { failure: data?.failure ?? null }),
-    /* @__PURE__ */ jsx(ContextSection, { context: data?.context ?? null })
+    hasArtifacts && /* @__PURE__ */ jsx("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ jsx(ActionButton, { tone: "danger", disabled: busy !== null, onClick: () => run("clear", () => clearArtifacts({ entityType: context.entityType, entityId: context.entityId })), children: busy === "clear" ? "Clearing\u2026" : "Clear Kujo data" }) })
   ] });
 }
+function KujoDetailTab(props) {
+  return /* @__PURE__ */ jsx(KujoPanel, { ...props });
+}
+function KujoTaskDetailView(props) {
+  return /* @__PURE__ */ jsx(KujoPanel, { ...props, compact: true });
+}
 export {
-  KujoDetailTab
+  KujoDetailTab,
+  KujoTaskDetailView
 };

package/dist/worker.js CHANGED Viewed

@@ -1,224 +1,8 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
-var __commonJS = (cb, mod) => function __require2() {
-  try {
-    return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-  } catch (e) {
-    throw mod = 0, e;
-  }
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-// node_modules/@kujolang/kujo-runtime/package.json
-var require_package = __commonJS({
-  "node_modules/@kujolang/kujo-runtime/package.json"(exports, module) {
-    module.exports = {
-      name: "@kujolang/kujo-runtime",
-      version: "1.2.2",
-      description: "Kujo programming language runtime",
-      license: "MIT",
-      repository: {
-        type: "git",
-        url: "git+https://github.com/kujolang/kujo.git",
-        directory: "npm/runtime"
-      },
-      homepage: "https://github.com/kujolang/kujo",
-      engines: {
-        node: ">=18"
-      },
-      bin: {
-        kujo: "bin/kujo.js"
-      },
-      main: "index.js",
-      types: "index.d.ts",
-      exports: {
-        ".": {
-          types: "./index.d.ts",
-          require: "./index.js",
-          default: "./index.js"
-        },
-        "./package.json": "./package.json"
-      },
-      files: [
-        "bin/kujo.js",
-        "index.js",
-        "index.d.ts",
-        "README.md"
-      ],
-      optionalDependencies: {
-        "@kujolang/kujo-darwin-arm64": "1.2.2",
-        "@kujolang/kujo-darwin-x64": "1.2.2",
-        "@kujolang/kujo-linux-arm64": "1.2.2",
-        "@kujolang/kujo-linux-x64": "1.2.2",
-        "@kujolang/kujo-win32-x64": "1.2.2"
-      }
-    };
-  }
-});
-// node_modules/@kujolang/kujo-runtime/index.js
-var require_kujo_runtime = __commonJS({
-  "node_modules/@kujolang/kujo-runtime/index.js"(exports, module) {
-    "use strict";
-    var fs2 = __require("node:fs");
-    var path2 = __require("node:path");
-    var RUNTIME_PACKAGE_VERSION = require_package().version;
-    var TARGETS = Object.freeze({
-      "darwin-arm64": Object.freeze({
-        packageName: "@kujolang/kujo-darwin-arm64",
-        binaryName: "kujo"
-      }),
-      "darwin-x64": Object.freeze({
-        packageName: "@kujolang/kujo-darwin-x64",
-        binaryName: "kujo"
-      }),
-      "linux-x64": Object.freeze({
-        packageName: "@kujolang/kujo-linux-x64",
-        binaryName: "kujo"
-      }),
-      "linux-arm64": Object.freeze({
-        packageName: "@kujolang/kujo-linux-arm64",
-        binaryName: "kujo"
-      }),
-      "win32-x64": Object.freeze({
-        packageName: "@kujolang/kujo-win32-x64",
-        binaryName: "kujo.exe"
-      })
-    });
-    function targetFor(platform = process.platform, arch = process.arch) {
-      return TARGETS[`${platform}-${arch}`] || null;
-    }
-    var KujoRuntimeError = class extends Error {
-      constructor(message, code, platform, arch, options = {}) {
-        super(message, options);
-        this.name = this.constructor.name;
-        this.code = code;
-        this.platform = platform;
-        this.arch = arch;
-      }
-    };
-    var UnsupportedPlatformError = class extends KujoRuntimeError {
-      constructor(platform, arch) {
-        const supported = Object.keys(TARGETS).sort().join(", ");
-        super(
-          `Kujo does not provide an npm runtime for ${platform}-${arch}. Supported targets: ${supported}.`,
-          "KUJO_UNSUPPORTED_PLATFORM",
-          platform,
-          arch
-        );
-      }
-    };
-    var MissingPlatformPackageError = class extends KujoRuntimeError {
-      constructor(platform, arch, target, cause) {
-        super(
-          [
-            `Kujo's platform package ${target.packageName} is not installed.`,
-            "Reinstall @kujolang/kujo-runtime without --omit=optional or --no-optional,",
-            "and ensure your package manager is allowed to install optional dependencies."
-          ].join(" "),
-          "KUJO_PLATFORM_PACKAGE_MISSING",
-          platform,
-          arch,
-          { cause }
-        );
-        this.packageName = target.packageName;
-      }
-    };
-    var BinaryNotFoundError = class extends KujoRuntimeError {
-      constructor(platform, arch, packageName, binaryPath) {
-        super(
-          `Kujo's platform package ${packageName} does not contain the expected binary at ${binaryPath}. Reinstall the package and verify your npm cache.`,
-          "KUJO_BINARY_MISSING",
-          platform,
-          arch
-        );
-        this.packageName = packageName;
-        this.binaryPath = binaryPath;
-      }
-    };
-    function selectedTarget(options = {}) {
-      const platform = options.platform || process.platform;
-      const arch = options.arch || process.arch;
-      const target = targetFor(platform, arch);
-      if (!target) {
-        throw new UnsupportedPlatformError(platform, arch);
-      }
-      return { platform, arch, ...target };
-    }
-    function resolveRuntime(options = {}) {
-      const { platform, arch, packageName, binaryName } = selectedTarget(options);
-      const resolvePackage = options.resolvePackage || __require.resolve;
-      const fileExists = options.fileExists || fs2.existsSync;
-      const readManifest = options.readManifest || ((manifestPath2) => JSON.parse(fs2.readFileSync(manifestPath2, "utf8")));
-      let manifestPath;
-      try {
-        manifestPath = resolvePackage(`${packageName}/package.json`);
-      } catch (error51) {
-        throw new MissingPlatformPackageError(platform, arch, { packageName }, error51);
-      }
-      const binaryPath = path2.join(path2.dirname(manifestPath), "bin", binaryName);
-      if (!fileExists(binaryPath)) {
-        throw new BinaryNotFoundError(platform, arch, packageName, binaryPath);
-      }
-      const platformManifest = readManifest(manifestPath);
-      return Object.freeze({
-        platform,
-        arch,
-        packageName,
-        packageVersion: RUNTIME_PACKAGE_VERSION,
-        runtimeVersion: platformManifest.version,
-        binaryName,
-        binaryPath,
-        source: "bundled"
-      });
-    }
-    function getKujoRuntimeInfo(options = {}) {
-      return resolveRuntime(options);
-    }
-    function resolveKujoBinary(options = {}) {
-      return resolveRuntime(options).binaryPath;
-    }
-    module.exports = {
-      BinaryNotFoundError,
-      KujoRuntimeError,
-      MissingPlatformPackageError,
-      TARGETS,
-      UnsupportedPlatformError,
-      getKujoRuntimeInfo,
-      resolveKujoBinary,
-      targetFor
-    };
-  }
-});
 // node_modules/@paperclipai/plugin-sdk/dist/define-plugin.js
 function definePlugin(definition) {
@@ -28926,7 +28710,7 @@ var CONTEXT_BUDGETS = {
   focused: 16e3,
   broad: 4e4
 };
-var PLUGIN_VERSION = "0.1.2";
+var PLUGIN_VERSION = "0.1.4";
 var PAPERCLIP_API_VERSION = 1;
 // src/config/schema.ts
@@ -29309,7 +29093,7 @@ async function resolveKujo(config2, cwd) {
     return await assertCompatible(executable, cwd, "configured");
   }
   try {
-    const runtime = await Promise.resolve().then(() => __toESM(require_kujo_runtime(), 1));
+    const runtime = await import("@kujolang/kujo-runtime");
     const info = runtime.getKujoRuntimeInfo();
     const executable = await validateExecutable(info.binaryPath);
     return await assertCompatible(executable, cwd, "bundled");

package/docs/CATALOG_SUBMISSION.md CHANGED Viewed

@@ -14,12 +14,13 @@
 - `projects.read`, `project.workspaces.read`: canonical workspace resolution only
 - `plugin.state.read`, `plugin.state.write`: normalized artifact persistence
 - `ui.detailTab.register`: one shared Kujo tab on project/issue/run details
+- `ui.taskDetailView.register`: an inline Kujo workspace in the current issue view
 - `skills.managed`: optional Scoped Repository Context guidance
 The plugin requests no HTTP, secret, issue-write, approval, budget, database, job, webhook, or arbitrary local-folder capability.
 ## UI walkthrough
-The shared Kujo tab starts with runtime/artifact status. Issue/project views provide **Generate Review Pack**, **Generate Context Pack**, and **Capture Failure Evidence** actions. Review shows blast radius, explainable signals, and clearly labeled suggested verification. Failure Evidence shows bounded excerpts and redaction counts. Context shows selected paths, reasons, estimated tokens, depth, and stale/budget status. Run views show associated persisted evidence without exposing a terminal.
+Kujo appears automatically in the current issue view and remains available as a shared detail tab on project, issue detail, and run pages. The workspace presents **Generate Review Pack**, **Generate Context Pack**, and **Capture Failure Evidence** as distinct, styled actions. Review shows blast radius, explainable signals, and clearly labeled suggested verification. Failure Evidence shows bounded excerpts and redaction counts. Context shows selected paths, reasons, estimated tokens, depth, and stale/budget status. Run views show associated persisted evidence without exposing a terminal.
 Catalog review should require the tagged cross-platform workflow, npm provenance for all six runtime packages and this plugin, install/upgrade/uninstall evidence on the declared minimum host, and the security assertions in `THREAT_MODEL.md`.

package/docs/INSTALLATION.md CHANGED Viewed

@@ -12,7 +12,7 @@
 npx paperclipai plugin install @kujolang/paperclip
 ```
-Restart Paperclip if it is running. Open a project, issue, or run, select the **Kujo** tab, and check the status panel.
+Restart Paperclip if it is running. Open an issue and confirm that the Kujo workspace appears in the current task view. On project and run pages, open the **Kujo** tab. No Classic Task Interface setting is required.
 The package installs `@kujolang/kujo-runtime` and one matching optional native package. Supported targets are macOS arm64/x64, Linux arm64/x64, and Windows x64. No Kujo package uses `preinstall`, `install`, or `postinstall`.

package/docs/OPERATIONS.md CHANGED Viewed

@@ -36,6 +36,10 @@ Component updates must start from clean, reviewed source repositories at exact c
 Never hand-edit a bundled file without updating its canonical source. Runtime checks reject any file that differs from the component lock.
+## Release credentials
+GitHub Actions publishes through the npm trusted publisher bound to `kujolang/paperclip`, `.github/workflows/release.yml`, and the `npm` environment. Keep `id-token: write`; do not add an npm access token or `NODE_AUTH_TOKEN`. The npm package requires two-factor authentication and disallows traditional token publishing, while trusted OIDC publishing remains available.
 ## Recover from corrupt state
 If a detail view shows no artifact after an upgrade, inspect worker logs for schema or state errors. Clear the entity's Kujo data, then regenerate the artifact. Do not edit Paperclip's plugin-state tables directly.

package/docs/RELEASE_READINESS.md CHANGED Viewed

@@ -27,7 +27,7 @@ The release order is platform runtime packages, neutral `@kujolang/kujo-runtime`
 The runtime release workflows build and smoke macOS arm64/x64, Linux arm64/x64, and Windows x64. Paperclip CI tests those five targets. A separate compatibility matrix tests Node.js 24.11 and current Node.js 24 against the minimum, locked, and latest compatible Paperclip SDK versions. Local plugin feature execution is verified on the developer host; every supported target is exercised during a tagged release.
-The tag workflow accepts only an annotated PGP-signed tag whose name matches `package.json`. It verifies the repository, packs once, attests that tarball, publishes that exact file with npm provenance, and attaches its checksum, CycloneDX SBOM, component lock, and JSON schemas to the GitHub release.
+The tag workflow accepts only an annotated tag with a GitHub-verified SSH or PGP signature whose name matches `package.json`. It verifies the repository, packs once, attests that tarball, publishes that exact file through npm trusted publishing with short-lived OIDC credentials, and attaches its checksum, CycloneDX SBOM, component lock, and JSON schemas to the GitHub release. Package settings require two-factor authentication and disallow traditional token publishing.
 ## Performance bounds

package/docs/USAGE.md CHANGED Viewed

@@ -2,7 +2,7 @@
 ## Paperclip UI
-Open the **Kujo** detail tab on a project or issue.
+Open an issue and Kujo appears inline in Paperclip's current task view. There is no Classic Task Interface prerequisite. Project, issue detail, and run pages also expose the **Kujo** detail tab where the host supports tabs.
 - **Generate Review Pack** measures the current working tree and builds a handoff.
 - **Generate Context Pack** selects files for a task at minimal, focused, or broad depth.
@@ -10,6 +10,8 @@ Open the **Kujo** detail tab on a project or issue.
 Run views display saved evidence. They do not expose a terminal.
+The inline workspace and detail tab use the same actions and persisted artifacts, so changing views does not create a second copy of Kujo data.
 ## Agent tools
 ### Review changes

package/package.json CHANGED Viewed

@@ -1,11 +1,16 @@
 {
   "name": "@kujolang/paperclip",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Make Paperclip agent work easier to scope, review, reproduce, and verify.",
   "license": "MIT",
   "homepage": "https://github.com/kujolang/paperclip#readme",
-  "bugs": { "url": "https://github.com/kujolang/paperclip/issues" },
-  "repository": { "type": "git", "url": "git+https://github.com/kujolang/paperclip.git" },
+  "bugs": {
+    "url": "https://github.com/kujolang/paperclip/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/kujolang/paperclip.git"
+  },
   "type": "module",
   "engines": {
     "node": ">=24.11.0"