claude-smart 0.2.48 → 0.2.50

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-smart",
-  "version": "0.2.48",
+  "version": "0.2.50",
   "description": "Self-improving Claude Code, Codex, and OpenCode plugin that turns corrections into Preferences, Project-specific skills, and Shared skills",
   "keywords": [
     "claude",
@@ -40,7 +40,8 @@
   },
   "scripts": {
     "build:opencode": "tsc -p plugin/opencode/tsconfig.json",
-    "prepack": "npm run build:opencode"
+    "prepack": "npm run gen:marketplace && npm run build:opencode",
+    "gen:marketplace": "node scripts/generate-marketplace.js"
   },
   "bin": {
     "claude-smart": "bin/claude-smart.js"

package/plugin/.claude-plugin/plugin.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-smart",
-  "version": "0.2.48",
+  "version": "0.2.50",
   "description": "Self-improving Claude Code, Codex, and OpenCode plugin that turns corrections into Preferences, Project-specific skills, and Shared skills",
   "author": {
     "name": "Yi Lu"

package/plugin/.codex-plugin/plugin.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-smart",
-  "version": "0.2.48",
+  "version": "0.2.50",
   "description": "Self-improving coding assistant plugin — learns from corrections across sessions via reflexio",
   "author": {
     "name": "Yi Lu"

package/plugin/README.md

@@ -9,13 +9,14 @@ This directory is the Claude Code/Codex/OpenCode plugin payload shipped through
 ### Claude Code
 
 ```bash
-claude plugin marketplace add ReflexioAI/claude-smart
-claude plugin install claude-smart@reflexioai
+npx claude-smart install
 ```
 
 The Setup hook bootstraps `uv`, Python 3.12, and a private Node.js/npm runtime
 under `~/.claude-smart/` when they are missing. If Node.js is already installed,
-`npx claude-smart install` is equivalent.
+the npm installer also supplies the generated Reflexio runtime bundle that is
+not committed to the GitHub repository. Installing this repository directly as
+a Claude Code marketplace is therefore unsupported.
 
 Add `--read-only` to either install command to skip hooks that publish
 interactions for learning.

package/plugin/dashboard/app/api/reflexio/[...path]/route.ts

@@ -4,7 +4,9 @@ import { readConfig } from "@/lib/config-file";
 
 export const dynamic = "force-dynamic";
 
-const DEFAULT_URL = "http://localhost:8071";
+function defaultUrl(): string {
+  return `http://localhost:${process.env.BACKEND_PORT || "8071"}`;
+}
 
 async function reflexioConfig(): Promise<{ base: string; apiKey: string }> {
   const config = await readConfig();
@@ -13,7 +15,7 @@ async function reflexioConfig(): Promise<{ base: string; apiKey: string }> {
   const fromConfig = originOnly(config.REFLEXIO_URL ?? "");
   const configuredBase = fromEnv ?? fromConfig;
   return {
-    base: configuredBase ?? DEFAULT_URL,
+    base: configuredBase ?? defaultUrl(),
     apiKey: configuredBase ? apiKey : "",
   };
 }

package/plugin/dashboard/app/dashboard/page.tsx

@@ -11,6 +11,7 @@ import {
   Users,
 } from "lucide-react";
 import { LearningsBadge } from "@/components/common/learnings-badge";
+import { HostBadge } from "@/components/common/host-badge";
 import { PageHeader } from "@/components/common/page-header";
 import { StatCard } from "@/components/common/stat-card";
 import { EmptyState } from "@/components/common/empty-state";
@@ -217,7 +218,11 @@ export default function DashboardPage() {
                       <code className="font-mono text-xs truncate">
                         {truncateId(s.session_id, 10, 6)}
                       </code>
-                      <LearningsBadge count={s.learning_interaction_count} />
+                      <LearningsBadge
+                        count={s.learning_interaction_count}
+                        size="sm"
+                      />
+                      <HostBadge host={s.host} size="sm" />
                     </div>
                     <div className="flex w-full items-center justify-end gap-4 text-xs text-muted-foreground sm:w-auto sm:shrink-0">
                       <span>{s.turn_count} turns</span>

package/plugin/dashboard/app/preferences/[id]/page.tsx

@@ -21,6 +21,7 @@ import {
   FolderGit2,
 } from "lucide-react";
 import { PageHeader } from "@/components/common/page-header";
+import { LearningHostProvenance } from "@/components/common/host-badge";
 import { EmptyState } from "@/components/common/empty-state";
 import { DeleteLearningDangerZone } from "@/components/common/delete-learning-danger-zone";
 import { Button } from "@/components/ui/button";
@@ -29,6 +30,7 @@ import { Badge } from "@/components/ui/badge";
 import { Separator } from "@/components/ui/separator";
 import { reflexio } from "@/lib/reflexio-client";
 import { formatTimestamp, truncateId } from "@/lib/format";
+import { useRequestHostAttribution } from "@/lib/host-attribution";
 import { cn } from "@/lib/utils";
 import { statusLabel as status } from "@/lib/status";
 import type { UserProfile } from "@/lib/types";
@@ -49,6 +51,7 @@ export default function PreferenceDetailPage({
   const [deleting, setDeleting] = useState(false);
   const [editing, setEditing] = useState(false);
   const [content, setContent] = useState("");
+  const attribution = useRequestHostAttribution();
 
   useEffect(() => {
     let cancelled = false;
@@ -205,11 +208,6 @@ export default function PreferenceDetailPage({
                   <FolderGit2 className="h-3 w-3" />
                   {truncateId(profile.user_id, 32, 8)}
                 </Badge>
-                {profile.source && (
-                  <Badge variant="secondary" className="font-mono text-[10px]">
-                    {profile.source}
-                  </Badge>
-                )}
                 {dirty && (
                   <Badge variant="destructive" className="gap-1.5">
                     unsaved changes
@@ -343,6 +341,20 @@ export default function PreferenceDetailPage({
                       display={truncateId(profile.generated_from_request_id, 8, 4)}
                     />
                   )}
+                  {attribution && profile.generated_from_request_id && (
+                    <Meta
+                      label="Origin"
+                      value={
+                        <LearningHostProvenance
+                          attribution={attribution}
+                          requestId={profile.generated_from_request_id}
+                        />
+                      }
+                    />
+                  )}
+                  {profile.source && (
+                    <Meta label="Integration" value={profile.source} mono />
+                  )}
                 </dl>
               </div>
             </aside>
@@ -428,7 +440,7 @@ function Meta({
 }: {
   icon?: React.ComponentType<{ className?: string }>;
   label: string;
-  value: string;
+  value: React.ReactNode;
   mono?: boolean;
 }) {
   return (

package/plugin/dashboard/app/preferences/page.tsx

@@ -2,8 +2,10 @@
 
 import { useEffect, useMemo, useState } from "react";
 import Link from "next/link";
-import { Users, ChevronRight } from "lucide-react";
+import { AlertTriangle, Users, ChevronRight } from "lucide-react";
 import { PageHeader } from "@/components/common/page-header";
+import { HostBadge } from "@/components/common/host-badge";
+import { LearningApplicationBadge } from "@/components/common/learning-application-badge";
 import { EmptyState } from "@/components/common/empty-state";
 import { DeleteAllButton } from "@/components/common/delete-all-button";
 import { Badge } from "@/components/ui/badge";
@@ -17,6 +19,7 @@ import {
 } from "@/components/ui/select";
 import { reflexio } from "@/lib/reflexio-client";
 import { formatRelative, truncateId } from "@/lib/format";
+import { useRequestHostAttribution } from "@/lib/host-attribution";
 import type { PlaybookApplicationStat, UserProfile } from "@/lib/types";
 
 type PreferenceSort = "newest" | "applied";
@@ -33,6 +36,7 @@ export default function PreferencesPage() {
   const [error, setError] = useState<string | null>(null);
   const [sortBy, setSortBy] = useState<PreferenceSort>("newest");
   const [filter, setFilter] = useState("");
+  const attribution = useRequestHostAttribution();
 
   useEffect(() => {
     let cancelled = false;
@@ -141,6 +145,13 @@ export default function PreferencesPage() {
             {error}. Is reflexio running on the configured backend URL?
           </div>
         )}
+        {attribution?.unavailable && !error && (
+          <div className="mb-4 flex items-center gap-2 rounded-md border border-amber-500/30 bg-amber-500/10 px-3 py-2 text-sm text-amber-800 dark:text-amber-200">
+            <AlertTriangle className="h-4 w-4 shrink-0" />
+            Preference source details are temporarily unavailable. Preferences
+            remain available.
+          </div>
+        )}
 
         {profiles === null && !error ? (
           <div className="text-sm text-muted-foreground">Loading…</div>
@@ -162,6 +173,7 @@ export default function PreferencesPage() {
                 >
                   <header className="mb-2 flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between">
                     <div className="flex min-w-0 flex-wrap items-center gap-2">
+                      <LearningApplicationBadge stat={stat} />
                       <Badge variant="outline" className="h-5 font-mono text-[10px]">
                         {truncateId(p.user_id, 32, 8)}
                       </Badge>
@@ -170,7 +182,6 @@ export default function PreferencesPage() {
                           {p.status}
                         </Badge>
                       )}
-                      <PreferenceApplicationStatBadge stat={stat} />
                     </div>
                     <div className="flex items-center gap-1.5 shrink-0">
                       <span className="text-[11px] text-muted-foreground">
@@ -182,11 +193,25 @@ export default function PreferencesPage() {
                   <p className="max-w-5xl text-sm leading-relaxed line-clamp-3">
                     {p.content}
                   </p>
-                  {p.source && (
-                    <p className="text-[11px] text-muted-foreground mt-2 font-mono">
-                      source: {p.source}
-                    </p>
-                  )}
+                  <div className="mt-2 flex flex-wrap items-center gap-3">
+                    {attribution &&
+                      !attribution.unavailable &&
+                      p.generated_from_request_id && (
+                        <HostBadge
+                          host={
+                            attribution.hosts.get(
+                              p.generated_from_request_id,
+                            ) ?? null
+                          }
+                          display="provenance"
+                        />
+                      )}
+                    {p.source && (
+                      <span className="text-[11px] text-muted-foreground font-mono">
+                        Integration: {p.source}
+                      </span>
+                    )}
+                  </div>
                 </Link>
               );
             })}
@@ -196,31 +221,3 @@ export default function PreferencesPage() {
     </div>
   );
 }
-
-function PreferenceApplicationStatBadge({
-  stat,
-}: {
-  stat: PlaybookApplicationStat | undefined;
-}) {
-  if (!stat || stat.applied_count === 0) {
-    return (
-      <Badge
-        variant="outline"
-        className="h-5 text-[10px] text-muted-foreground"
-        title="No citations recorded yet for this preference. It will count once an assistant reply cites it."
-      >
-        Never applied
-      </Badge>
-    );
-  }
-  const last = formatRelative(stat.last_applied_at);
-  return (
-    <Badge
-      variant="secondary"
-      className="h-5 text-[10px]"
-      title={`Last applied ${last}`}
-    >
-      Applied {stat.applied_count}×{stat.last_applied_at ? ` · ${last}` : ""}
-    </Badge>
-  );
-}

package/plugin/dashboard/app/sessions/[sessionId]/page.tsx

@@ -16,6 +16,8 @@ import {
   Sparkles,
 } from "lucide-react";
 import { PageHeader } from "@/components/common/page-header";
+import { HostBadge } from "@/components/common/host-badge";
+import { LearningsBadge } from "@/components/common/learnings-badge";
 import { EmptyState } from "@/components/common/empty-state";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
@@ -75,7 +77,20 @@ export default function InteractionDetailPage({
     <div className="flex-1 overflow-auto">
       <PageHeader
         title="Session transcript"
-        description={sessionId}
+        description={
+          <span className="flex flex-wrap items-center gap-2">
+            <span>{sessionId}</span>
+            {detail && (
+              <>
+                <LearningsBadge
+                  count={detail.learning_interaction_count}
+                  size="sm"
+                />
+                <HostBadge host={detail.host} size="sm" />
+              </>
+            )}
+          </span>
+        }
         actions={
           <div className="flex items-center gap-2">
             <Link href="/sessions">

package/plugin/dashboard/app/sessions/page.tsx

@@ -7,6 +7,7 @@ import { PageHeader } from "@/components/common/page-header";
 import { EmptyState } from "@/components/common/empty-state";
 import { DeleteAllButton } from "@/components/common/delete-all-button";
 import { LearningsBadge } from "@/components/common/learnings-badge";
+import { HostBadge } from "@/components/common/host-badge";
 import { Input } from "@/components/ui/input";
 import { dayBucket, formatRelative, truncateId } from "@/lib/format";
 import type { SessionSummary } from "@/lib/types";
@@ -153,6 +154,7 @@ export default function SessionsPage() {
                             count={s.learning_interaction_count}
                             size="sm"
                           />
+                          <HostBadge host={s.host} size="sm" />
                         </div>
                         <div className="flex items-center gap-3 text-[11px] text-muted-foreground mt-0.5">
                           <code className="font-mono">

package/plugin/dashboard/app/skills/page.tsx

@@ -2,8 +2,15 @@
 
 import { useEffect, useMemo, useState } from "react";
 import Link from "next/link";
-import { BookOpen, ChevronRight, Layers3 } from "lucide-react";
+import {
+  AlertTriangle,
+  BookOpen,
+  ChevronRight,
+  Layers3,
+} from "lucide-react";
 import { PageHeader } from "@/components/common/page-header";
+import { HostBadge } from "@/components/common/host-badge";
+import { LearningApplicationBadge } from "@/components/common/learning-application-badge";
 import { EmptyState } from "@/components/common/empty-state";
 import { DeleteAllButton } from "@/components/common/delete-all-button";
 import { PageTabs } from "@/components/common/page-tabs";
@@ -18,6 +25,7 @@ import {
 } from "@/components/ui/select";
 import { reflexio } from "@/lib/reflexio-client";
 import { formatRelative } from "@/lib/format";
+import { useRequestHostAttribution } from "@/lib/host-attribution";
 import { cn } from "@/lib/utils";
 import {
   agentPlaybookStatusLabel,
@@ -27,6 +35,7 @@ import {
 } from "@/lib/status";
 import type {
   AgentPlaybook,
+  Host,
   PlaybookApplicationStat,
   UserPlaybook,
 } from "@/lib/types";
@@ -58,24 +67,29 @@ const SHARED_STATUS_META: Record<
 interface SkillCard {
   kind: SkillKind;
   id: number;
-  agentVersion: string;
   createdAt: number;
   content: string;
   trigger: string | null;
   rationale: string | null;
   status: SkillStatus;
+  scopeId: string;
+  host: Host | null;
 }
 
-function projectSkill(p: UserPlaybook): SkillCard {
+function projectSkill(
+  p: UserPlaybook,
+  requestHosts?: ReadonlyMap<string, Host | null>,
+): SkillCard {
   return {
     kind: "project",
     id: p.user_playbook_id,
-    agentVersion: p.agent_version || "default",
     createdAt: p.created_at,
     content: p.content,
     trigger: p.trigger,
     rationale: p.rationale,
     status: statusLabel(p),
+    scopeId: p.user_id || "unknown",
+    host: requestHosts?.get(p.request_id) ?? null,
   };
 }
 
@@ -83,12 +97,13 @@ function sharedSkill(p: AgentPlaybook): SkillCard {
   return {
     kind: "shared",
     id: p.agent_playbook_id,
-    agentVersion: p.agent_version || "default",
     createdAt: p.created_at,
     content: p.content,
     trigger: p.trigger,
     rationale: p.rationale,
     status: agentPlaybookStatusLabel(p),
+    scopeId: p.agent_version || "default",
+    host: null,
   };
 }
 
@@ -106,10 +121,11 @@ export default function SkillsPage() {
   );
   const [error, setError] = useState<string | null>(null);
   const [activeKind, setActiveKind] = useState<SkillKind>("project");
-  const [agentVersion, setAgentVersion] = useState<string>("__all__");
+  const [scope, setScope] = useState<string>("__all__");
   const [statusFilter, setStatusFilter] = useState<string>("CURRENT");
   const [sortBy, setSortBy] = useState<SkillSort>("newest");
   const [search, setSearch] = useState("");
+  const attribution = useRequestHostAttribution();
 
   useEffect(() => {
     let cancelled = false;
@@ -158,24 +174,26 @@ export default function SkillsPage() {
 
   const activeSkills = useMemo(() => {
     return activeKind === "project"
-      ? (projectSkills ?? []).map(projectSkill)
+      ? (projectSkills ?? []).map((playbook) =>
+          projectSkill(playbook, attribution?.hosts),
+        )
       : (sharedSkills ?? []).map(sharedSkill);
-  }, [activeKind, projectSkills, sharedSkills]);
+  }, [activeKind, attribution, projectSkills, sharedSkills]);
 
-  const projects = useMemo(() => {
+  const scopes = useMemo(() => {
     const set = new Set<string>();
-    for (const p of activeSkills) set.add(p.agentVersion);
+    for (const p of activeSkills) set.add(p.scopeId);
     return Array.from(set).sort();
   }, [activeSkills]);
 
   const filtered = useMemo(() => {
     const matches = activeSkills.filter((p) => {
-      if (agentVersion !== "__all__" && p.agentVersion !== agentVersion)
+      if (scope !== "__all__" && p.scopeId !== scope)
         return false;
       if (statusFilter !== "__all__" && p.status !== statusFilter) return false;
       if (search) {
         const s = search.toLowerCase();
-        const hay = `${p.content} ${p.trigger ?? ""} ${p.rationale ?? ""}`.toLowerCase();
+        const hay = `${p.scopeId} ${p.content} ${p.trigger ?? ""} ${p.rationale ?? ""}`.toLowerCase();
         if (!hay.includes(s)) return false;
       }
       return true;
@@ -193,7 +211,7 @@ export default function SkillsPage() {
       }
       return b.createdAt - a.createdAt;
     });
-  }, [activeSkills, agentVersion, search, sortBy, statsByRule, statusFilter]);
+  }, [activeSkills, scope, search, sortBy, statsByRule, statusFilter]);
 
   const projectCount = projectSkills?.length ?? 0;
   const sharedCount = sharedSkills?.length ?? 0;
@@ -201,10 +219,12 @@ export default function SkillsPage() {
   const activeCount = activeKind === "project" ? projectCount : sharedCount;
   const loading = projectSkills === null || sharedSkills === null;
   const hasNoSharedSkills = activeKind === "shared" && sharedCount === 0;
+  const allScopesLabel =
+    activeKind === "project" ? "All user scopes" : "All agents";
 
   const switchKind = (kind: SkillKind) => {
     setActiveKind(kind);
-    setAgentVersion("__all__");
+    setScope("__all__");
     setStatusFilter(kind === "project" ? "CURRENT" : "__all__");
   };
 
@@ -216,15 +236,17 @@ export default function SkillsPage() {
         actions={
           <div className="flex max-w-full flex-wrap items-center justify-end gap-2">
             <Select
-              value={agentVersion}
-              onValueChange={(v) => setAgentVersion(v ?? "__all__")}
+              value={scope}
+              onValueChange={(v) => setScope(v ?? "__all__")}
             >
               <SelectTrigger size="sm" className="w-40 text-xs bg-background/80">
-                <SelectValue placeholder="Project" />
+                <SelectValue>
+                  {scope === "__all__" ? allScopesLabel : scope}
+                </SelectValue>
               </SelectTrigger>
               <SelectContent>
-                <SelectItem value="__all__">All projects</SelectItem>
-                {projects.map((p) => (
+                <SelectItem value="__all__">{allScopesLabel}</SelectItem>
+                {scopes.map((p) => (
                   <SelectItem key={p} value={p}>
                     {p}
                   </SelectItem>
@@ -337,6 +359,13 @@ export default function SkillsPage() {
             {error}. Is reflexio running on the configured backend URL?
           </div>
         )}
+        {activeKind === "project" && attribution?.unavailable && !error && (
+          <div className="mb-4 flex items-center gap-2 rounded-md border border-amber-500/30 bg-amber-500/10 px-3 py-2 text-sm text-amber-800 dark:text-amber-200">
+            <AlertTriangle className="h-4 w-4 shrink-0" />
+            Skill source details are temporarily unavailable. Skills remain
+            available.
+          </div>
+        )}
 
         {loading && !error ? (
           <div className="text-sm text-muted-foreground">Loading...</div>
@@ -366,17 +395,20 @@ export default function SkillsPage() {
                 >
                   <header className="mb-2 flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between">
                     <div className="flex min-w-0 flex-wrap items-center gap-2">
-                      <Badge
-                        variant="outline"
-                        className="h-5 max-w-56 truncate font-mono text-[10px]"
-                      >
-                        {p.agentVersion}
-                      </Badge>
+                      <LearningApplicationBadge stat={stat} />
                       <StatusBadge kind={p.kind} status={p.status} />
                       <Badge variant="secondary" className="h-5 text-[10px]">
                         {p.kind === "project" ? "project-specific" : "shared"}
                       </Badge>
-                      <ApplicationStatBadge stat={stat} />
+                      {p.kind === "shared" && (
+                        <Badge
+                          variant="outline"
+                          className="h-5 max-w-56 truncate font-mono text-[10px]"
+                          title="Shared-skill applicability scope; not the source host."
+                        >
+                          Agent scope: {p.scopeId}
+                        </Badge>
+                      )}
                     </div>
                     <div className="flex shrink-0 items-center gap-1.5 pt-0.5">
                       <span className="text-[11px] text-muted-foreground">
@@ -406,6 +438,13 @@ export default function SkillsPage() {
                       {p.rationale}
                     </p>
                   )}
+                  {p.kind === "project" &&
+                    attribution &&
+                    !attribution.unavailable && (
+                      <div className="mt-2">
+                        <HostBadge host={p.host} display="provenance" />
+                      </div>
+                    )}
                 </Link>
               );
             })}
@@ -416,30 +455,6 @@ export default function SkillsPage() {
   );
 }
 
-function ApplicationStatBadge({ stat }: { stat: PlaybookApplicationStat | undefined }) {
-  if (!stat || stat.applied_count === 0) {
-    return (
-      <Badge
-        variant="outline"
-        className="h-5 text-[10px] text-muted-foreground"
-        title="No citations recorded yet for this rule. It will count once an assistant reply cites it."
-      >
-        Never applied
-      </Badge>
-    );
-  }
-  const last = formatRelative(stat.last_applied_at);
-  return (
-    <Badge
-      variant="secondary"
-      className="h-5 text-[10px]"
-      title={`Last applied ${last}`}
-    >
-      Applied {stat.applied_count}×{stat.last_applied_at ? ` · ${last}` : ""}
-    </Badge>
-  );
-}
-
 function statusFilterLabel(kind: SkillKind, status: string): string {
   if (status === "__all__") return "All";
   if (kind === "shared") {

package/plugin/dashboard/app/skills/project/[id]/page.tsx

@@ -13,11 +13,11 @@ import {
   Check,
   BookMarked,
   Hash,
-  FolderGit2,
   Clock,
   FileText,
 } from "lucide-react";
 import { PageHeader } from "@/components/common/page-header";
+import { LearningHostProvenance } from "@/components/common/host-badge";
 import { EmptyState } from "@/components/common/empty-state";
 import { DeleteLearningDangerZone } from "@/components/common/delete-learning-danger-zone";
 import { Button } from "@/components/ui/button";
@@ -26,6 +26,7 @@ import { Badge } from "@/components/ui/badge";
 import { Separator } from "@/components/ui/separator";
 import { reflexio } from "@/lib/reflexio-client";
 import { formatTimestamp, truncateId } from "@/lib/format";
+import { useRequestHostAttribution } from "@/lib/host-attribution";
 import { cn } from "@/lib/utils";
 import { statusLabel } from "@/lib/status";
 import type { StatusLabel } from "@/lib/status";
@@ -66,6 +67,7 @@ export default function ProjectSkillDetailPage({
     trigger: "",
     rationale: "",
   });
+  const attribution = useRequestHostAttribution();
 
   useEffect(() => {
     let cancelled = false;
@@ -229,10 +231,6 @@ export default function ProjectSkillDetailPage({
 
             {playbook && (
               <div className="flex items-center gap-2 flex-wrap">
-                <Badge variant="outline" className="gap-1.5">
-                  <FolderGit2 className="h-3 w-3" />
-                  {playbook.agent_version || "default"}
-                </Badge>
                 <StatusBadge status={status!} />
                 {displayName(playbook.playbook_name) && (
                   <Badge variant="secondary" className="font-mono text-[10px]">
@@ -332,7 +330,7 @@ export default function ProjectSkillDetailPage({
                     value={formatTimestamp(playbook.created_at)}
                   />
                   <Meta
-                    label="Project"
+                    label="Agent version"
                     value={playbook.agent_version || "default"}
                     mono
                   />
@@ -350,8 +348,19 @@ export default function ProjectSkillDetailPage({
                       display={truncateId(playbook.request_id, 8, 4)}
                     />
                   )}
+                  {attribution && playbook.request_id && (
+                    <Meta
+                      label="Origin"
+                      value={
+                        <LearningHostProvenance
+                          attribution={attribution}
+                          requestId={playbook.request_id}
+                        />
+                      }
+                    />
+                  )}
                   {playbook.source && (
-                    <Meta label="Source" value={playbook.source} mono />
+                    <Meta label="Integration" value={playbook.source} mono />
                   )}
                 </dl>
               </div>
@@ -499,7 +508,7 @@ function Meta({
 }: {
   icon?: React.ComponentType<{ className?: string }>;
   label: string;
-  value: string;
+  value: React.ReactNode;
   mono?: boolean;
 }) {
   return (