selftune 0.2.22 → 0.2.24

package/packages/ui/src/components/skill-health-grid.tsx

@@ -1,3 +1,4 @@
+import * as React from "react";
 import {
   closestCenter,
   DndContext,
@@ -33,27 +34,7 @@ import {
   type SortingState,
   type VisibilityState,
 } from "@tanstack/react-table";
-import {
-  GripVerticalIcon,
-  Columns3Icon,
-  ChevronDownIcon,
-  ChevronsLeftIcon,
-  ChevronLeftIcon,
-  ChevronRightIcon,
-  ChevronsRightIcon,
-  ClockIcon,
-  LayersIcon,
-  FilterIcon,
-  CheckCircleIcon,
-  AlertTriangleIcon,
-  XCircleIcon,
-  CircleDotIcon,
-  HelpCircleIcon,
-} from "lucide-react";
-import * as React from "react";
 
-import { STATUS_CONFIG } from "../lib/constants";
-import { formatRate, timeAgo } from "../lib/format";
 import { Badge } from "../primitives/badge";
 import { Button } from "../primitives/button";
 import { Checkbox } from "../primitives/checkbox";
@@ -76,7 +57,26 @@ import {
 } from "../primitives/select";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../primitives/table";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "../primitives/tabs";
+import { STATUS_CONFIG } from "../lib/constants";
 import type { SkillCard, SkillHealthStatus } from "../types";
+import { formatRate, timeAgo } from "../lib/format";
+import {
+  GripVerticalIcon,
+  Columns3Icon,
+  ChevronDownIcon,
+  ChevronsLeftIcon,
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  ChevronsRightIcon,
+  ClockIcon,
+  LayersIcon,
+  FilterIcon,
+  CheckCircleIcon,
+  AlertTriangleIcon,
+  XCircleIcon,
+  CircleDotIcon,
+  HelpCircleIcon,
+} from "lucide-react";
 
 // ---------- Drag handle ----------
 
@@ -152,15 +152,27 @@ function createColumns(
       enableHiding: false,
     },
     {
-      accessorKey: "scope",
-      header: "Scope",
+      accessorKey: "platforms",
+      header: "Platforms",
       cell: ({ row }) => {
-        const scope = row.original.scope;
-        if (!scope) return <span className="text-xs text-muted-foreground">--</span>;
+        const platforms = row.original.platforms;
+        if (!platforms || platforms.length === 0) {
+          const scope = row.original.scope;
+          if (!scope) return <span className="text-xs text-muted-foreground">--</span>;
+          return (
+            <Badge variant="secondary" className="text-[10px]">
+              {scope}
+            </Badge>
+          );
+        }
         return (
-          <Badge variant="secondary" className="text-[10px]">
-            {scope}
-          </Badge>
+          <div className="flex flex-wrap gap-1">
+            {platforms.map((p) => (
+              <Badge key={p} variant="secondary" className="text-[10px]">
+                {p}
+              </Badge>
+            ))}
+          </div>
         );
       },
     },
@@ -349,7 +361,7 @@ export function SkillHealthGrid({
     } else if (activeView === "recent") {
       filtered = cards
         .filter((c) => c.lastSeen !== null)
-        .sort((a: SkillCard, b: SkillCard) => {
+        .sort((a, b) => {
           const aTime = a.lastSeen ? new Date(a.lastSeen).getTime() : 0;
           const bTime = b.lastSeen ? new Date(b.lastSeen).getTime() : 0;
           return bTime - aTime;
@@ -380,7 +392,7 @@ export function SkillHealthGrid({
       columnFilters,
       pagination,
     },
-    getRowId: (row) => row.name,
+    getRowId: (row) => row.id ?? row.name,
     enableRowSelection: true,
     onRowSelectionChange: setRowSelection,
     onSortingChange: setSorting,
@@ -395,10 +407,8 @@ export function SkillHealthGrid({
     getFacetedUniqueValues: getFacetedUniqueValues(),
   });
 
-  const dataIds = React.useMemo<UniqueIdentifier[]>(
-    () => table.getRowModel().rows.map((r) => r.id),
-    [table.getRowModel().rows],
-  );
+  const rows = table.getRowModel().rows;
+  const dataIds = React.useMemo<UniqueIdentifier[]>(() => rows.map((r) => r.id), [rows]);
 
   const isSorted = sorting.length > 0;
 
@@ -407,7 +417,7 @@ export function SkillHealthGrid({
     const { active, over } = event;
     if (active && over && active.id !== over.id) {
       setData((prev) => {
-        const ids = prev.map((d) => d.name);
+        const ids = prev.map((d) => d.id ?? d.name);
         const oldIndex = ids.indexOf(active.id as string);
         const newIndex = ids.indexOf(over.id as string);
         if (oldIndex === -1 || newIndex === -1) return prev;
@@ -537,8 +547,8 @@ export function SkillHealthGrid({
                     checked={column.getIsVisible()}
                     onCheckedChange={(value) => column.toggleVisibility(!!value)}
                   >
-                    {column.id === "scope"
-                      ? "Scope"
+                    {column.id === "platforms"
+                      ? "Platforms"
                       : column.id === "passRate"
                         ? "Pass Rate"
                         : column.id === "uniqueSessions"
@@ -559,7 +569,7 @@ export function SkillHealthGrid({
         value={activeView}
         className="relative flex flex-col gap-4 overflow-auto px-4 lg:px-6"
       >
-        <div className="overflow-hidden rounded-lg border">
+        <div className="overflow-hidden rounded-lg border border-border/15">
           <DndContext
             collisionDetection={closestCenter}
             modifiers={[restrictToVerticalAxis]}

package/packages/ui/src/lib/constants.tsx

@@ -5,7 +5,6 @@ import {
   HelpCircleIcon,
   XCircleIcon,
 } from "lucide-react";
-
 import type { SkillHealthStatus } from "../types";
 
 export const STATUS_CONFIG: Record<

package/packages/ui/src/primitives/card.tsx

@@ -12,7 +12,7 @@ function Card({
       data-slot="card"
       data-size={size}
       className={cn(
-        "group/card flex flex-col gap-4 overflow-hidden rounded-2xl bg-card py-4 text-sm text-card-foreground ring-1 ring-foreground/5 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",
+        "group/card flex flex-col gap-4 overflow-hidden rounded-xl bg-muted py-4 text-sm text-card-foreground border border-border/15 shadow-none has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",
         className,
       )}
       {...props}

package/packages/ui/src/primitives/checkbox.tsx

@@ -1,7 +1,7 @@
 import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox";
-import { CheckIcon } from "lucide-react";
 
 import { cn } from "../lib/utils";
+import { CheckIcon } from "lucide-react";
 
 function Checkbox({ className, ...props }: CheckboxPrimitive.Root.Props) {
   return (

package/packages/ui/src/primitives/dropdown-menu.tsx

@@ -1,8 +1,8 @@
-import { Menu as MenuPrimitive } from "@base-ui/react/menu";
-import { ChevronRightIcon, CheckIcon } from "lucide-react";
 import * as React from "react";
+import { Menu as MenuPrimitive } from "@base-ui/react/menu";
 
 import { cn } from "../lib/utils";
+import { ChevronRightIcon, CheckIcon } from "lucide-react";
 
 function DropdownMenu({ ...props }: MenuPrimitive.Root.Props) {
   return <MenuPrimitive.Root data-slot="dropdown-menu" {...props} />;

package/packages/ui/src/primitives/select.tsx

@@ -1,8 +1,8 @@
-import { Select as SelectPrimitive } from "@base-ui/react/select";
-import { ChevronDownIcon, CheckIcon, ChevronUpIcon } from "lucide-react";
 import * as React from "react";
+import { Select as SelectPrimitive } from "@base-ui/react/select";
 
 import { cn } from "../lib/utils";
+import { ChevronDownIcon, CheckIcon, ChevronUpIcon } from "lucide-react";
 
 const Select = SelectPrimitive.Root;
 

package/packages/ui/src/primitives/tabs.tsx

@@ -17,12 +17,12 @@ function Tabs({ className, orientation = "horizontal", ...props }: TabsPrimitive
 }
 
 const tabsListVariants = cva(
-  "group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none",
+  "group/tabs-list inline-flex w-fit items-center justify-center text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col",
   {
     variants: {
       variant: {
-        default: "bg-muted",
-        line: "gap-1 bg-transparent",
+        default: "rounded-lg bg-muted p-[3px]",
+        line: "gap-1 bg-transparent p-0 data-[variant=line]:h-auto",
       },
     },
     defaultVariants: {
@@ -51,9 +51,10 @@ function TabsTrigger({ className, ...props }: TabsPrimitive.Tab.Props) {
     <TabsPrimitive.Tab
       data-slot="tabs-trigger"
       className={cn(
-        "relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent",
-        "data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground",
+        "relative inline-flex flex-1 items-center justify-center gap-1.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-horizontal/tabs:h-[calc(100%-1px)] group-data-horizontal/tabs:px-1.5 group-data-horizontal/tabs:py-0.5 group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start group-data-vertical/tabs:px-1.5 group-data-vertical/tabs:py-0.5 hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:rounded-md group-data-[variant=default]/tabs-list:border group-data-[variant=default]/tabs-list:border-transparent group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "group-data-[variant=line]/tabs-list:h-auto group-data-[variant=line]/tabs-list:flex-none group-data-[variant=line]/tabs-list:rounded-none group-data-[variant=line]/tabs-list:border-0 group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:px-2 group-data-[variant=line]/tabs-list:py-1 group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent",
+        "group-data-[variant=default]/tabs-list:data-active:bg-background group-data-[variant=default]/tabs-list:data-active:text-foreground dark:group-data-[variant=default]/tabs-list:data-active:border-input dark:group-data-[variant=default]/tabs-list:data-active:bg-input/30",
+        "group-data-[variant=line]/tabs-list:data-active:text-foreground",
         "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100",
         className,
       )}

package/packages/ui/src/types.ts

@@ -3,8 +3,10 @@
 export type SkillHealthStatus = "HEALTHY" | "WARNING" | "CRITICAL" | "UNGRADED" | "UNKNOWN";
 
 export interface SkillCard {
+  id?: string;
   name: string;
   scope: string | null;
+  platforms: string[];
   passRate: number | null;
   checks: number;
   status: SkillHealthStatus;
@@ -13,6 +15,32 @@ export interface SkillCard {
   lastSeen: string | null;
 }
 
+// -- Job execution types (re-declared for package independence) ---------------
+
+export interface JobExecution {
+  id: string;
+  jobName: string;
+  status: "success" | "error";
+  startedAt: string;
+  durationMs: number;
+  metrics: Record<string, unknown>;
+  error?: string;
+}
+
+export interface JobScheduleEntry {
+  name: string;
+  schedule: string;
+  cronExpression: string;
+  lastRunAt: string | null;
+  lastRunStatus: "success" | "error" | null;
+  lastRunDurationMs: number | null;
+  nextRunAt: string;
+}
+
+export interface JobScheduleState {
+  jobs: JobScheduleEntry[];
+}
+
 // -- Dashboard contract types (re-declared for package independence) ----------
 
 export interface EvalSnapshot {
@@ -22,6 +50,16 @@ export interface EvalSnapshot {
   improved?: boolean;
   regressions?: Array<Record<string, unknown>>;
   new_passes?: Array<Record<string, unknown>>;
+  per_entry_results?: Array<Record<string, unknown>>;
+  before_entry_results?: Array<Record<string, unknown>>;
+  gates_passed?: number;
+  gates_total?: number;
+  gate_results?: Array<Record<string, unknown>>;
+  validation_mode?: string;
+  validation_agent?: string;
+  validation_fixture_id?: string;
+  validation_fallback_reason?: string;
+  validation_evidence_ref?: string;
 }
 
 export interface EvolutionEntry {
@@ -31,10 +69,6 @@ export interface EvolutionEntry {
   action: string;
   details: string;
   eval_snapshot?: EvalSnapshot | null;
-  validation_mode?: "structural_guard" | "host_replay" | "llm_judge" | null;
-  validation_agent?: string | null;
-  validation_fixture_id?: string | null;
-  validation_evidence_ref?: string | null;
 }
 
 export interface UnmatchedQuery {
@@ -90,3 +124,147 @@ export interface OrchestrateRunReport {
   skipped: number;
   skill_actions: OrchestrateRunSkillAction[];
 }
+
+// -- Overview panel types (shared between local & cloud dashboards) ----------
+
+export type AutonomyStatusLevel = "healthy" | "watching" | "needs_review" | "blocked";
+
+export interface AutonomyStatus {
+  level: AutonomyStatusLevel;
+  summary: string;
+  skills_observed: number;
+  attention_required: number;
+  pending_reviews: number;
+}
+
+export type TrustBucket = "at_risk" | "improving" | "uncertain" | "stable";
+
+export interface TrustWatchlistEntry {
+  skill_name: string;
+  bucket: TrustBucket;
+  pass_rate: number | null;
+  reason: string;
+  last_seen: string | null;
+}
+
+export type AttentionSeverity = "critical" | "warning" | "info";
+
+export interface AttentionItem {
+  skill_name: string;
+  category: string;
+  severity: AttentionSeverity;
+  reason: string;
+  recommended_action: string;
+  timestamp: string | null;
+}
+
+export type DecisionKind =
+  | "proposal_created"
+  | "proposal_rejected"
+  | "validation_failed"
+  | "proposal_deployed"
+  | "rollback_triggered"
+  | "regression_found";
+
+export interface AutonomousDecision {
+  skill_name: string;
+  kind: DecisionKind;
+  summary: string;
+  timestamp: string;
+}
+
+// -- Trust / skill report types (shared between local & cloud dashboards) ----
+
+export type TrustState =
+  | "low_sample"
+  | "observed"
+  | "watch"
+  | "validated"
+  | "deployed"
+  | "rolled_back";
+
+export type ObservationKind =
+  | "canonical"
+  | "repaired_trigger"
+  | "repaired_contextual_miss"
+  | "legacy_materialized";
+
+export type HistoricalContext = "previously_missed";
+
+export interface ExampleRow {
+  timestamp: string | null;
+  session_id: string;
+  query_text: string;
+  triggered: boolean;
+  confidence: number | null;
+  invocation_mode: string | null;
+  prompt_kind: string | null;
+  source: string | null;
+  platform: string | null;
+  workspace_path: string | null;
+  query_origin: "inline_query" | "matched_prompt" | "missing";
+  is_system_like: boolean;
+  observation_kind: ObservationKind;
+  historical_context?: HistoricalContext | null;
+}
+
+export interface TrustFields {
+  trust: {
+    state: TrustState;
+    summary: string;
+  };
+  coverage: {
+    checks: number;
+    sessions: number;
+    workspaces: number;
+    first_seen: string | null;
+    last_seen: string | null;
+  };
+  evidence_quality: {
+    prompt_link_rate: number;
+    inline_query_rate: number;
+    user_prompt_rate: number;
+    meta_prompt_rate: number;
+    internal_prompt_rate: number;
+    no_prompt_rate: number;
+    system_like_rate: number;
+    invocation_mode_coverage: number;
+    confidence_coverage: number;
+    source_coverage: number;
+    scope_coverage: number;
+  };
+  routing_quality: {
+    missed_triggers: number;
+    miss_rate: number;
+    avg_confidence: number | null;
+    confidence_coverage: number;
+    low_confidence_rate: number | null;
+  };
+  evolution_state: {
+    has_evidence: boolean;
+    has_pending_proposals: boolean;
+    latest_action: string | null;
+    latest_timestamp: string | null;
+    evidence_rows: number;
+    evolution_rows: number;
+  };
+  data_hygiene: {
+    naming_variants: string[];
+    source_breakdown: Array<{ source: string; count: number }>;
+    prompt_kind_breakdown: Array<{ kind: string; count: number }>;
+    observation_breakdown: Array<{ kind: ObservationKind; count: number }>;
+    raw_checks: number;
+    operational_checks: number;
+    internal_prompt_rows: number;
+    internal_prompt_rate: number;
+    legacy_rows: number;
+    legacy_rate: number;
+    repaired_rows: number;
+    repaired_rate: number;
+  };
+  examples: {
+    good: ExampleRow[];
+    missed: ExampleRow[];
+    noisy: ExampleRow[];
+  };
+}