plugin-scanner 2.0.176__tar.gz → 2.0.178__tar.gz

{plugin_scanner-2.0.176 → plugin_scanner-2.0.178}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: plugin-scanner
-Version: 2.0.176
+Version: 2.0.178
 Summary: Lint, verify, and gate plugin ecosystems for maintainers, CI, and publish workflows.
 Project-URL: Homepage, https://github.com/hashgraph-online/ai-plugin-scanner
 Project-URL: Repository, https://github.com/hashgraph-online/ai-plugin-scanner

{plugin_scanner-2.0.176 → plugin_scanner-2.0.178}/dashboard/src/approval-center-primitives.tsx

@@ -16,6 +16,8 @@ import {
   HiMiniCheckCircle,
   HiMiniArrowRight,
   HiMiniExclamationTriangle,
+  HiMiniChevronDown,
+  HiMiniChevronUp,
 } from "react-icons/hi2";
 
 import { guardAwareHref } from "./guard-api";
@@ -695,23 +697,19 @@ export function GuardHero(props: {
 }
 
 export function ProofStrip(props: {
-  items: Array<{ label: string; value: string | number; tone?: "blue" | "green" | "purple" | "slate"; icon?: ReactNode; pulse?: boolean; hint?: string }>;
+  items: Array<{ label: string; value: string | number; tone?: "blue" | "green" | "purple" | "slate"; icon?: ReactNode; hint?: string }>;
 }) {
   return (
-    <div className="grid gap-4 sm:grid-cols-3">
-      {props.items.map((item) => (
-        <div
-          key={item.label}
-          className={`flex items-baseline gap-2 ${item.pulse ? "guard-pulse" : ""}`}
-          title={item.hint}
-        >
-          <p className="text-2xl font-semibold tracking-tight text-brand-dark">{item.value}</p>
-          <div className="flex items-center gap-1">
-            <p className="text-xs text-muted-foreground">{item.label}</p>
-            {item.icon}
+    <div className="grid gap-x-8 gap-y-4 sm:grid-cols-2 lg:grid-cols-4">
+      {props.items.map((item) => {
+        const toneColor = item.tone === "blue" ? "text-brand-blue" : item.tone === "green" ? "text-emerald-600" : item.tone === "purple" ? "text-brand-purple" : "text-brand-dark";
+        return (
+          <div key={item.label} className="flex flex-col" title={item.hint}>
+            <p className="text-[11px] font-semibold uppercase tracking-wider text-slate-400">{item.label}</p>
+            <p className={`text-2xl font-semibold tracking-tight ${toneColor}`}>{item.value}</p>
           </div>
-        </div>
-      ))}
+        );
+      })}
     </div>
   );
 }
@@ -743,3 +741,143 @@ export function NextActionCard(props: {
     </div>
   );
 }
+
+export function SegmentedControl<T extends string>(props: {
+  options: Array<{ value: T; label: string }>;
+  value: T;
+  onChange: (value: T) => void;
+}) {
+  return (
+    <div className="inline-flex rounded-lg border border-slate-200 bg-slate-50 p-0.5">
+      {props.options.map((opt) => (
+        <button
+          key={opt.value}
+          type="button"
+          onClick={() => props.onChange(opt.value)}
+          className={`rounded-md px-2.5 py-1 text-xs font-medium transition-colors ${
+            props.value === opt.value
+              ? "bg-white text-brand-dark shadow-sm"
+              : "text-slate-500 hover:text-brand-dark"
+          }`}
+        >
+          {opt.label}
+        </button>
+      ))}
+    </div>
+  );
+}
+
+export function ListRow(props: {
+  children: ReactNode;
+  accent?: "green" | "attention" | "blue" | "none";
+  onClick?: () => void;
+  href?: string;
+}) {
+  const accentClass =
+    props.accent === "green"
+      ? "border-l-2 border-emerald-500 pl-3"
+      : props.accent === "attention"
+      ? "border-l-2 border-brand-attention pl-3"
+      : props.accent === "blue"
+      ? "border-l-2 border-brand-blue pl-3"
+      : "pl-3.5";
+  const clickable = props.onClick !== undefined || props.href !== undefined;
+  const content = (
+    <div
+      className={`flex items-center gap-3 border-b border-slate-100 py-2.5 transition-colors hover:bg-slate-50/60 ${accentClass} ${
+        clickable ? "cursor-pointer" : ""
+      }`}
+      onClick={props.onClick}
+      role={clickable ? "button" : undefined}
+      tabIndex={clickable ? 0 : undefined}
+      onKeyDown={
+        clickable
+          ? (e) => {
+              if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                props.onClick?.();
+              }
+            }
+          : undefined
+      }
+    >
+      {props.children}
+    </div>
+  );
+  if (props.href) {
+    return (
+      <a href={guardAwareHref(props.href)} className="block no-underline">
+        {content}
+      </a>
+    );
+  }
+  return content;
+}
+
+export function TabBar<T extends string>(props: {
+  tabs: Array<{ value: T; label: string }>;
+  active: T;
+  onChange: (value: T) => void;
+}) {
+  return (
+    <div className="flex gap-1 rounded-lg border border-slate-200 bg-slate-50 p-0.5">
+      {props.tabs.map((tab) => (
+        <button
+          key={tab.value}
+          type="button"
+          onClick={() => props.onChange(tab.value)}
+          className={`rounded-md px-3 py-1.5 text-sm font-medium transition-colors ${
+            props.active === tab.value
+              ? "bg-white text-brand-dark shadow-sm"
+              : "text-slate-500 hover:text-brand-dark"
+          }`}
+        >
+          {tab.label}
+        </button>
+      ))}
+    </div>
+  );
+}
+
+export function AccordionSection(props: {
+  title: string;
+  subtitle?: string;
+  expanded: boolean;
+  onToggle: () => void;
+  children: ReactNode;
+}) {
+  return (
+    <div className="rounded-xl border border-slate-100 overflow-hidden">
+      <button
+        onClick={props.onToggle}
+        className="flex w-full items-center justify-between gap-3 px-4 py-3 text-left transition-colors hover:bg-slate-50/60"
+        aria-expanded={props.expanded}
+      >
+        <div>
+          <p className="text-sm font-semibold text-brand-dark">{props.title}</p>
+          {props.subtitle ? <p className="text-xs text-slate-400">{props.subtitle}</p> : null}
+        </div>
+        {props.expanded ? (
+          <HiMiniChevronUp className="h-4 w-4 text-slate-400" aria-hidden="true" />
+        ) : (
+          <HiMiniChevronDown className="h-4 w-4 text-slate-400" aria-hidden="true" />
+        )}
+      </button>
+      {props.expanded && (
+        <div className="border-t border-slate-100 px-4 py-4">
+          {props.children}
+        </div>
+      )}
+    </div>
+  );
+}
+
+export function StickyActionBar(props: {
+  children: ReactNode;
+}) {
+  return (
+    <div className="sticky bottom-4 z-30 rounded-xl border border-slate-200 bg-white/95 p-4 shadow-lg backdrop-blur">
+      {props.children}
+    </div>
+  );
+}

{plugin_scanner-2.0.176 → plugin_scanner-2.0.178}/dashboard/src/home-dashboard.tsx

@@ -163,9 +163,10 @@ export function HomeWorkspace(props: {
 
       <ProofStrip
         items={[
-          { label: "Needs your choice", value: queuedCount, tone: queuedCount > 0 ? "blue" : "slate", pulse: queuedCount > 0 },
-          { label: "Apps watched", value: watchedAppsCount, tone: watchedAppsCount > 0 ? "green" : "slate" },
-          { label: "Day streak", value: streak, tone: streak > 1 ? "purple" : "slate", icon: streak > 1 ? <HiMiniFire className="h-3.5 w-3.5 text-brand-purple" aria-hidden="true" /> : null, hint: streak > 0 ? "Consecutive days with Guard activity. Resets after 48h of inactivity." : "Guard activity streak" },
+          { label: "Pending", value: queuedCount, tone: queuedCount > 0 ? "blue" : "slate" },
+          { label: "Apps", value: watchedAppsCount, tone: watchedAppsCount > 0 ? "green" : "slate" },
+          { label: "Streak", value: streak, tone: streak > 1 ? "purple" : "slate", icon: streak > 1 ? <HiMiniFire className="h-3.5 w-3.5 text-brand-purple" aria-hidden="true" /> : null, hint: streak > 0 ? "Consecutive days with Guard activity. Resets after 48h of inactivity." : "Guard activity streak" },
+          { label: "History", value: snapshot?.receipt_count ?? 0, tone: "purple" },
         ]}
       />
 
@@ -233,12 +234,12 @@ export function HomeWorkspace(props: {
           )}
 
           {policyItems.length > 0 && (
-            <div className="rounded-[1.75rem] border border-slate-200/70 bg-white/80 p-5 shadow-sm sm:p-6">
+            <div className="rounded-xl border border-slate-100 p-4">
               <SectionLabel>Reset remembered decisions</SectionLabel>
-              <p className="mt-2 text-sm text-muted-foreground">
+              <p className="mt-1 text-sm text-slate-500">
                 Clear remembered decisions when you want Guard to ask again next time. This does not remove your history.
               </p>
-              <div className="mt-4 flex flex-wrap gap-2">
+              <div className="mt-3 flex flex-wrap gap-2">
                 {clearHarnesses.slice(0, 4).map((harness: string) => (
                   <ClearHarnessButton
                     key={harness}
@@ -526,12 +527,14 @@ function AppsAtAGlance(props: {
   }
 
   return (
-    <div className="rounded-[1.75rem] border border-slate-200/70 bg-white/80 p-5 shadow-sm sm:p-6">
-      <SectionLabel>Apps at a glance</SectionLabel>
-      <p className="mt-2 text-sm text-muted-foreground">
-        Guard is watching these apps on this machine.
-      </p>
-      <div ref={listRef} className="mt-4 space-y-2" role="list" aria-label="Apps at a glance">
+    <div>
+      <div className="mb-3">
+        <SectionLabel>Apps at a glance</SectionLabel>
+        <p className="mt-1 text-sm text-slate-500">
+          Guard is watching these apps on this machine.
+        </p>
+      </div>
+      <div ref={listRef} className="divide-y divide-slate-100 border-t border-slate-100" role="list" aria-label="Apps at a glance">
         {sortedHarnesses.map((harness, index) => {
           const install = props.managedInstalls.find((i) => i.harness === harness);
           const isObserved = props.observedHarnesses.includes(harness);
@@ -544,10 +547,10 @@ function AppsAtAGlance(props: {
               onKeyDown={(e) => handleKeyDown(e, index)}
               onFocus={() => setFocusedIndex(index)}
               onBlur={() => setFocusedIndex(-1)}
-              className={`flex w-full items-center justify-between gap-3 rounded-xl border px-4 py-3 text-left transition-all duration-150 hover:bg-slate-50 hover:shadow-sm active:scale-[0.99] ${
+              className={`flex w-full items-center justify-between gap-3 py-2.5 text-left transition-colors hover:bg-slate-50/60 ${
                 focusedIndex === index
-                  ? "border-brand-blue/50 bg-brand-blue/[0.04] ring-1 ring-brand-blue/20"
-                  : "border-slate-200/70"
+                  ? "bg-brand-blue/[0.04]"
+                  : ""
               }`}
               role="listitem"
             >

{plugin_scanner-2.0.176 → plugin_scanner-2.0.178}/dashboard/src/review-workspace.tsx

@@ -187,7 +187,7 @@ const ReviewQueueList = forwardRef<HTMLDivElement, {
       <div
         role="listbox"
         aria-label="Review queue"
-        className="max-h-[70vh] space-y-2 overflow-y-auto rounded-[1.25rem] border border-slate-200/70 bg-white/60 p-2"
+        className="max-h-[70vh] space-y-2 overflow-y-auto rounded-lg border border-slate-100 bg-white p-1.5"
       >
         {requests.map((item, index) => (
           <QueueItemRow
@@ -220,7 +220,7 @@ function QueueItemRow({ item, active, index, onClick }: {
       aria-posinset={index + 1}
       aria-setsize={/* parent will provide */ undefined}
       tabIndex={active ? 0 : -1}
-      className={`w-full rounded-xl border px-3 py-2.5 text-left transition-all ${
+      className={`w-full rounded-lg py-2.5 text-left transition-all ${
         active
           ? "border-brand-blue bg-brand-blue/[0.06]"
           : "border-transparent bg-white hover:bg-slate-50"
@@ -381,7 +381,7 @@ function ReviewDecisionCard(props: {
       {/* Success banner */}
       {resolved && (
         <div
-          className={`guard-fade-in flex items-center gap-3 rounded-2xl border px-4 py-3 transition-all ${
+          className={`guard-fade-in flex items-center gap-3 rounded-xl border px-4 py-3 transition-all ${
             resolved === "allow"
               ? "border-brand-green/25 bg-brand-green-bg/30"
               : "border-brand-attention/25 bg-brand-attention/[0.04]"
@@ -401,7 +401,7 @@ function ReviewDecisionCard(props: {
 
       {/* Confirm modal for broad scopes */}
       {confirmScope !== null && pendingAction !== null && (
-        <div className="guard-fade-in rounded-[1.75rem] border border-brand-attention/25 bg-brand-attention/[0.04] p-5 shadow-sm" role="alertdialog" aria-modal="true">
+        <div className="guard-fade-in rounded-xl border border-brand-attention/15 bg-brand-attention/[0.03] p-4" role="alertdialog" aria-modal="true">
           <div className="flex items-start gap-3">
             <HiMiniExclamationTriangle className="mt-0.5 h-5 w-5 shrink-0 text-brand-attention" aria-hidden="true" />
             <div>
@@ -425,7 +425,7 @@ function ReviewDecisionCard(props: {
       )}
 
       {/* Main decision card */}
-      <div className="rounded-[1.75rem] border border-slate-200/70 bg-white/80 p-5 shadow-sm sm:p-6">
+      <div className="rounded-xl border border-slate-100 p-4 sm:p-5">
         <div className="flex items-start justify-between gap-3">
           <div>
             <SectionLabel>Paused action</SectionLabel>
@@ -574,7 +574,7 @@ function ReviewDecisionCard(props: {
 
       {/* Evidence section */}
       {hasEvidence && (
-        <div className="rounded-[1.75rem] border border-slate-200/70 bg-white/80 p-5 shadow-sm sm:p-6">
+        <div className="rounded-xl border border-slate-100 p-4 sm:p-5">
           <button
             onClick={() => setShowEvidence(!showEvidence)}
             className="flex w-full items-center justify-between text-left focus:outline-none focus:ring-2 focus:ring-brand-blue/20 rounded-lg px-2 py-1 -ml-2"
@@ -606,7 +606,7 @@ function ReviewDecisionCard(props: {
 
       {/* Last time */}
       {detail.receipt && (
-        <div className="rounded-[1.75rem] border border-slate-200/70 bg-white/80 p-5 shadow-sm sm:p-6">
+        <div className="rounded-xl border border-slate-100 p-4 sm:p-5">
           <SectionLabel>Last time</SectionLabel>
           <p className="mt-2 text-sm text-muted-foreground">
             You previously {detail.receipt.policy_decision}d a similar action{" "}
@@ -657,7 +657,7 @@ function ReviewEmptyState({ runtime, resolutionMessage }: { runtime: GuardRuntim
       )}
 
       <div className="grid gap-6 lg:grid-cols-2">
-        <div className="rounded-[1.75rem] border border-brand-green/15 bg-brand-green/[0.04] p-5 shadow-sm sm:p-6">
+        <div className="rounded-xl border border-emerald-200/60 bg-emerald-50/30 p-4 sm:p-5">
           <div className="flex items-start gap-3">
             <span className="inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-brand-green/10">
               <HiMiniShieldCheck className="h-5 w-5 text-brand-green" aria-hidden="true" />
@@ -671,7 +671,7 @@ function ReviewEmptyState({ runtime, resolutionMessage }: { runtime: GuardRuntim
           </div>
         </div>
 
-        <div className="rounded-[1.75rem] border border-slate-200/70 bg-white/80 p-5 shadow-sm sm:p-6">
+        <div className="rounded-xl border border-slate-100 p-4 sm:p-5">
           <SectionLabel>What Guard does</SectionLabel>
           <ul className="mt-3 space-y-2">
             {[
@@ -748,7 +748,7 @@ function ActionContentCard({ item }: { item: GuardApprovalRequest }) {
       )}
 
       {/* Terminal display of actual content */}
-      <div className="overflow-hidden rounded-[1.25rem] bg-[#0f172a] shadow-lg">
+      <div className="overflow-hidden rounded-xl bg-[#0f172a]">
         <div className="flex items-center gap-1.5 border-b border-white/10 px-3 py-2">
           <span className="h-2.5 w-2.5 rounded-full bg-brand-purple" />
           <span className="h-2.5 w-2.5 rounded-full bg-brand-blue" />

{plugin_scanner-2.0.176 → plugin_scanner-2.0.178}/pyproject.toml

@@ -4,7 +4,7 @@ build-backend = "hatchling.build"
 
 [project]
 name = "plugin-scanner"
-version = "2.0.176"
+version = "2.0.178"
 description = "Lint, verify, and gate plugin ecosystems for maintainers, CI, and publish workflows."
 readme = "README.md"
 license = "Apache-2.0"

{plugin_scanner-2.0.176 → plugin_scanner-2.0.178}/pyproject.toml.bak

@@ -4,7 +4,7 @@ build-backend = "hatchling.build"
 
 [project]
 name = "hol-guard"
-version = "2.0.176"
+version = "2.0.178"
 description = "Protect local AI harnesses with HOL Guard and run scanner checks for Codex, Claude, Cursor, Gemini, and OpenCode."
 readme = "README.md"
 license = "Apache-2.0"

{plugin_scanner-2.0.176 → plugin_scanner-2.0.178}/src/codex_plugin_scanner/guard/daemon/static/assets/guard-dashboard.js

@@ -14095,21 +14095,13 @@ function GuardHero(props) {
   );
 }
 function ProofStrip(props) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid gap-4 sm:grid-cols-3", children: props.items.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    "div",
-    {
-      className: `flex items-baseline gap-2 ${item.pulse ? "guard-pulse" : ""}`,
-      title: item.hint,
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-2xl font-semibold tracking-tight text-brand-dark", children: item.value }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: item.label }),
-          item.icon
-        ] })
-      ]
-    },
-    item.label
-  )) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid gap-x-8 gap-y-4 sm:grid-cols-2 lg:grid-cols-4", children: props.items.map((item) => {
+    const toneColor = item.tone === "blue" ? "text-brand-blue" : item.tone === "green" ? "text-emerald-600" : item.tone === "purple" ? "text-brand-purple" : "text-brand-dark";
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col", title: item.hint, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] font-semibold uppercase tracking-wider text-slate-400", children: item.label }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: `text-2xl font-semibold tracking-tight ${toneColor}`, children: item.value })
+    ] }, item.label);
+  }) });
 }
 function DataFlowEvidenceCard(props) {
   const evidence = deriveDataFlowEvidence(props.item);
@@ -14727,7 +14719,7 @@ const ReviewQueueList = reactExports.forwardRef(({ requests, activeRequestId, on
       {
         role: "listbox",
         "aria-label": "Review queue",
-        className: "max-h-[70vh] space-y-2 overflow-y-auto rounded-[1.25rem] border border-slate-200/70 bg-white/60 p-2",
+        className: "max-h-[70vh] space-y-2 overflow-y-auto rounded-lg border border-slate-100 bg-white p-1.5",
         children: requests.map((item, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(
           QueueItemRow,
           {
@@ -14758,7 +14750,7 @@ function QueueItemRow({ item, active, index, onClick }) {
         void 0
       ),
       tabIndex: active ? 0 : -1,
-      className: `w-full rounded-xl border px-3 py-2.5 text-left transition-all ${active ? "border-brand-blue bg-brand-blue/[0.06]" : "border-transparent bg-white hover:bg-slate-50"}`,
+      className: `w-full rounded-lg py-2.5 text-left transition-all ${active ? "border-brand-blue bg-brand-blue/[0.06]" : "border-transparent bg-white hover:bg-slate-50"}`,
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "truncate text-sm font-medium text-brand-dark", children: title }),
@@ -14893,7 +14885,7 @@ function ReviewDecisionCard(props) {
     resolved && /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
-        className: `guard-fade-in flex items-center gap-3 rounded-2xl border px-4 py-3 transition-all ${resolved === "allow" ? "border-brand-green/25 bg-brand-green-bg/30" : "border-brand-attention/25 bg-brand-attention/[0.04]"}`,
+        className: `guard-fade-in flex items-center gap-3 rounded-xl border px-4 py-3 transition-all ${resolved === "allow" ? "border-brand-green/25 bg-brand-green-bg/30" : "border-brand-attention/25 bg-brand-attention/[0.04]"}`,
         role: "status",
         "aria-live": "polite",
         children: [
@@ -14908,7 +14900,7 @@ function ReviewDecisionCard(props) {
         ]
       }
     ),
-    confirmScope !== null && pendingAction !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "guard-fade-in rounded-[1.75rem] border border-brand-attention/25 bg-brand-attention/[0.04] p-5 shadow-sm", role: "alertdialog", "aria-modal": "true", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-3", children: [
+    confirmScope !== null && pendingAction !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "guard-fade-in rounded-xl border border-brand-attention/15 bg-brand-attention/[0.03] p-4", role: "alertdialog", "aria-modal": "true", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-3", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(HiMiniExclamationTriangle, { className: "mt-0.5 h-5 w-5 shrink-0 text-brand-attention", "aria-hidden": "true" }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("h3", { className: "text-sm font-semibold text-brand-dark", children: [
@@ -14931,7 +14923,7 @@ function ReviewDecisionCard(props) {
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-[1.75rem] border border-slate-200/70 bg-white/80 p-5 shadow-sm sm:p-6", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-xl border border-slate-100 p-4 sm:p-5", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start justify-between gap-3", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(SectionLabel, { children: "Paused action" }),
@@ -15056,7 +15048,7 @@ function ReviewDecisionCard(props) {
         ] })
       ] })
     ] }),
-    hasEvidence && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-[1.75rem] border border-slate-200/70 bg-white/80 p-5 shadow-sm sm:p-6", children: [
+    hasEvidence && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-xl border border-slate-100 p-4 sm:p-5", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "button",
         {
@@ -15078,7 +15070,7 @@ function ReviewDecisionCard(props) {
         /* @__PURE__ */ jsxRuntimeExports.jsx(DecodedLayerCard, { item })
       ] })
     ] }),
-    detail.receipt && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-[1.75rem] border border-slate-200/70 bg-white/80 p-5 shadow-sm sm:p-6", children: [
+    detail.receipt && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-xl border border-slate-100 p-4 sm:p-5", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(SectionLabel, { children: "Last time" }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "mt-2 text-sm text-muted-foreground", children: [
         "You previously ",
@@ -15123,14 +15115,14 @@ function ReviewEmptyState({ runtime, resolutionMessage }) {
       /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm font-medium text-brand-green-text", children: resolutionMessage })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-6 lg:grid-cols-2", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-[1.75rem] border border-brand-green/15 bg-brand-green/[0.04] p-5 shadow-sm sm:p-6", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-xl border border-emerald-200/60 bg-emerald-50/30 p-4 sm:p-5", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-3", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-brand-green/10", children: /* @__PURE__ */ jsxRuntimeExports.jsx(HiMiniShieldCheck, { className: "h-5 w-5 text-brand-green", "aria-hidden": "true" }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(SectionLabel, { children: "Protection active" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: "Guard is running and will pause any risky actions from your AI apps. When something needs review, it will appear here." })
         ] })
       ] }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-[1.75rem] border border-slate-200/70 bg-white/80 p-5 shadow-sm sm:p-6", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-xl border border-slate-100 p-4 sm:p-5", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(SectionLabel, { children: "What Guard does" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "mt-3 space-y-2", children: [
           "Pauses risky file reads and writes",
@@ -15179,7 +15171,7 @@ function ActionContentCard({ item }) {
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm leading-relaxed text-brand-dark/80", children: pauseReason }),
     detailText && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm leading-relaxed text-brand-dark/80", children: detailText }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "overflow-hidden rounded-[1.25rem] bg-[#0f172a] shadow-lg", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "overflow-hidden rounded-xl bg-[#0f172a]", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5 border-b border-white/10 px-3 py-2", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "h-2.5 w-2.5 rounded-full bg-brand-purple" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "h-2.5 w-2.5 rounded-full bg-brand-blue" }),
@@ -17464,9 +17456,10 @@ function HomeWorkspace(props) {
       ProofStrip,
       {
         items: [
-          { label: "Needs your choice", value: queuedCount, tone: queuedCount > 0 ? "blue" : "slate", pulse: queuedCount > 0 },
-          { label: "Apps watched", value: watchedAppsCount, tone: watchedAppsCount > 0 ? "green" : "slate" },
-          { label: "Day streak", value: streak, tone: streak > 1 ? "purple" : "slate", icon: streak > 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx(HiMiniFire, { className: "h-3.5 w-3.5 text-brand-purple", "aria-hidden": "true" }) : null, hint: streak > 0 ? "Consecutive days with Guard activity. Resets after 48h of inactivity." : "Guard activity streak" }
+          { label: "Pending", value: queuedCount, tone: queuedCount > 0 ? "blue" : "slate" },
+          { label: "Apps", value: watchedAppsCount, tone: watchedAppsCount > 0 ? "green" : "slate" },
+          { label: "Streak", value: streak, tone: streak > 1 ? "purple" : "slate", icon: streak > 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx(HiMiniFire, { className: "h-3.5 w-3.5 text-brand-purple", "aria-hidden": "true" }) : null, hint: streak > 0 ? "Consecutive days with Guard activity. Resets after 48h of inactivity." : "Guard activity streak" },
+          { label: "History", value: snapshot?.receipt_count ?? 0, tone: "purple" }
         ]
       }
     ),
@@ -17533,10 +17526,10 @@ function HomeWorkspace(props) {
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: "space-y-6", children: [
         snapshot.latest_receipts.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(RecentProtectionSection, { receipts: snapshot.latest_receipts }),
-        policyItems.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-[1.75rem] border border-slate-200/70 bg-white/80 p-5 shadow-sm sm:p-6", children: [
+        policyItems.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-xl border border-slate-100 p-4", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(SectionLabel, { children: "Reset remembered decisions" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: "Clear remembered decisions when you want Guard to ask again next time. This does not remove your history." }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-4 flex flex-wrap gap-2", children: clearHarnesses.slice(0, 4).map((harness) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-1 text-sm text-slate-500", children: "Clear remembered decisions when you want Guard to ask again next time. This does not remove your history." }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-3 flex flex-wrap gap-2", children: clearHarnesses.slice(0, 4).map((harness) => /* @__PURE__ */ jsxRuntimeExports.jsx(
             ClearHarnessButton,
             {
               harness,
@@ -17773,10 +17766,12 @@ function AppsAtAGlance(props) {
       }
     );
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-[1.75rem] border border-slate-200/70 bg-white/80 p-5 shadow-sm sm:p-6", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(SectionLabel, { children: "Apps at a glance" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: "Guard is watching these apps on this machine." }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: listRef, className: "mt-4 space-y-2", role: "list", "aria-label": "Apps at a glance", children: sortedHarnesses.map((harness, index) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-3", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(SectionLabel, { children: "Apps at a glance" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-1 text-sm text-slate-500", children: "Guard is watching these apps on this machine." })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: listRef, className: "divide-y divide-slate-100 border-t border-slate-100", role: "list", "aria-label": "Apps at a glance", children: sortedHarnesses.map((harness, index) => {
       const install = props.managedInstalls.find((i) => i.harness === harness);
       const isObserved = props.observedHarnesses.includes(harness);
       const pending = pendingByHarness.get(harness) ?? 0;
@@ -17788,7 +17783,7 @@ function AppsAtAGlance(props) {
           onKeyDown: (e) => handleKeyDown(e, index),
           onFocus: () => setFocusedIndex(index),
           onBlur: () => setFocusedIndex(-1),
-          className: `flex w-full items-center justify-between gap-3 rounded-xl border px-4 py-3 text-left transition-all duration-150 hover:bg-slate-50 hover:shadow-sm active:scale-[0.99] ${focusedIndex === index ? "border-brand-blue/50 bg-brand-blue/[0.04] ring-1 ring-brand-blue/20" : "border-slate-200/70"}`,
+          className: `flex w-full items-center justify-between gap-3 py-2.5 text-left transition-colors hover:bg-slate-50/60 ${focusedIndex === index ? "bg-brand-blue/[0.04]" : ""}`,
           role: "listitem",
           children: [
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center gap-2.5", children: [