@kujolang/paperclip 0.1.3 → 0.1.4

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # 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.

package/README.md

@@ -1,6 +1,6 @@
 # Kujo for Paperclip
 
-[![Version](https://img.shields.io/badge/version-0.1.3-black)](https://github.com/kujolang/paperclip/releases/tag/v0.1.3)
+[![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

@@ -1 +1 @@
-0.1.3
+0.1.4

package/dist/manifest.js

@@ -14527,7 +14527,7 @@ var DEFAULT_LIMITS = {
   maxInputLogBytes: 2e5,
   maxContextFileBytes: 2e3
 };
-var PLUGIN_VERSION = "0.1.3";
+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

@@ -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

@@ -28710,7 +28710,7 @@ var CONTEXT_BUDGETS = {
   focused: 16e3,
   broad: 4e4
 };
-var PLUGIN_VERSION = "0.1.3";
+var PLUGIN_VERSION = "0.1.4";
 var PAPERCLIP_API_VERSION = 1;
 
 // src/config/schema.ts

package/docs/CATALOG_SUBMISSION.md

@@ -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

@@ -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/USAGE.md

@@ -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

@@ -1,11 +1,16 @@
 {
   "name": "@kujolang/paperclip",
-  "version": "0.1.3",
+  "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"