@handled-ai/design-system 0.18.22 → 0.18.23

package/dist/components/score-semantics.js

@@ -1,173 +0,0 @@
-const URGENCY_SCORE_CLASSES = {
-  Urgent: {
-    solid: "bg-red-600 text-white",
-    outline: "border-red-300 bg-red-50 text-red-800",
-    dot: "bg-red-600",
-    trigger: "border-red-300 bg-red-50 text-red-800",
-    hover: "hover:bg-red-100",
-    open: "bg-red-100",
-    text: "text-red-600",
-    track: "text-red-600/15",
-    bar: "bg-red-600"
-  },
-  High: {
-    solid: "bg-orange-500 text-white",
-    outline: "border-orange-300 bg-orange-50 text-orange-800",
-    dot: "bg-orange-500",
-    trigger: "border-orange-300 bg-orange-50 text-orange-800",
-    hover: "hover:bg-orange-100",
-    open: "bg-orange-100",
-    text: "text-orange-500",
-    track: "text-orange-500/15",
-    bar: "bg-orange-500"
-  },
-  Medium: {
-    solid: "bg-amber-500 text-white",
-    outline: "border-amber-300 bg-amber-50 text-amber-800",
-    dot: "bg-amber-500",
-    trigger: "border-amber-300 bg-amber-50 text-amber-800",
-    hover: "hover:bg-amber-100",
-    open: "bg-amber-100",
-    text: "text-amber-500",
-    track: "text-amber-500/15",
-    bar: "bg-amber-500"
-  },
-  Low: {
-    solid: "bg-neutral-300 text-neutral-900",
-    outline: "border-neutral-200 bg-neutral-50 text-neutral-700",
-    dot: "bg-neutral-400",
-    trigger: "border-neutral-200 bg-neutral-50 text-neutral-700",
-    hover: "hover:bg-neutral-100",
-    open: "bg-neutral-100",
-    text: "text-neutral-400",
-    track: "text-neutral-400/15",
-    bar: "bg-neutral-400"
-  }
-};
-const RISK_SCORE_CLASSES = {
-  "High Risk": {
-    solid: "bg-red-600 text-white",
-    outline: "border-red-300 bg-red-50 text-red-800",
-    dot: "bg-red-600",
-    trigger: "border-red-300 bg-red-50 text-red-800",
-    hover: "hover:bg-red-100",
-    open: "bg-red-100",
-    text: "text-red-600",
-    track: "text-red-600/15",
-    bar: "bg-red-600"
-  },
-  "Medium Risk": {
-    solid: "bg-amber-500 text-white",
-    outline: "border-amber-300 bg-amber-50 text-amber-800",
-    dot: "bg-amber-500",
-    trigger: "border-amber-300 bg-amber-50 text-amber-800",
-    hover: "hover:bg-amber-100",
-    open: "bg-amber-100",
-    text: "text-amber-500",
-    track: "text-amber-500/15",
-    bar: "bg-amber-500"
-  },
-  "Low Risk": {
-    solid: "bg-neutral-300 text-neutral-900",
-    outline: "border-neutral-200 bg-neutral-50 text-neutral-700",
-    dot: "bg-neutral-400",
-    trigger: "border-neutral-200 bg-neutral-50 text-neutral-700",
-    hover: "hover:bg-neutral-100",
-    open: "bg-neutral-100",
-    text: "text-neutral-400",
-    track: "text-neutral-400/15",
-    bar: "bg-neutral-400"
-  }
-};
-const POSITIVE_SCORE_CLASSES = {
-  High: {
-    solid: "bg-emerald-500 text-white",
-    outline: "border-emerald-300 bg-emerald-50 text-emerald-800",
-    dot: "bg-emerald-500",
-    trigger: "border-emerald-300 bg-emerald-50 text-emerald-800",
-    hover: "hover:bg-emerald-100",
-    open: "bg-emerald-100",
-    text: "text-emerald-500",
-    track: "text-emerald-500/15",
-    bar: "bg-emerald-500"
-  },
-  Medium: {
-    solid: "bg-amber-500 text-white",
-    outline: "border-amber-300 bg-amber-50 text-amber-800",
-    dot: "bg-amber-500",
-    trigger: "border-amber-300 bg-amber-50 text-amber-800",
-    hover: "hover:bg-amber-100",
-    open: "bg-amber-100",
-    text: "text-amber-500",
-    track: "text-amber-500/15",
-    bar: "bg-amber-500"
-  },
-  Low: {
-    solid: "bg-red-500 text-white",
-    outline: "border-red-300 bg-red-50 text-red-800",
-    dot: "bg-red-500",
-    trigger: "border-red-300 bg-red-50 text-red-800",
-    hover: "hover:bg-red-100",
-    open: "bg-red-100",
-    text: "text-red-500",
-    track: "text-red-500/15",
-    bar: "bg-red-500"
-  }
-};
-const SCORE_TONE_CLASSES = {
-  alert: "bg-red-50 text-red-600",
-  warn: "bg-amber-50 text-amber-600",
-  info: "bg-blue-50 text-blue-600"
-};
-const DEFAULT_SCORE_TONE_CLASS = "bg-muted text-muted-foreground";
-function getUrgencyLevel(score) {
-  if (score >= 80) return "Urgent";
-  if (score >= 60) return "High";
-  if (score >= 35) return "Medium";
-  return "Low";
-}
-function getUrgencyRange(label) {
-  switch (label) {
-    case "Urgent":
-      return "80-100";
-    case "High":
-      return "60-79";
-    case "Medium":
-      return "35-59";
-    case "Low":
-      return "0-34";
-  }
-}
-function getRiskLevel(score) {
-  if (score >= 70) return "High Risk";
-  if (score >= 40) return "Medium Risk";
-  return "Low Risk";
-}
-function getPositiveLevel(score) {
-  if (score >= 70) return "High";
-  if (score >= 40) return "Medium";
-  return "Low";
-}
-function getScoreToneClasses(score, intent) {
-  switch (intent) {
-    case "urgency":
-      return URGENCY_SCORE_CLASSES[getUrgencyLevel(score)];
-    case "risk":
-      return RISK_SCORE_CLASSES[getRiskLevel(score)];
-    case "positive":
-      return POSITIVE_SCORE_CLASSES[getPositiveLevel(score)];
-  }
-}
-export {
-  DEFAULT_SCORE_TONE_CLASS,
-  POSITIVE_SCORE_CLASSES,
-  RISK_SCORE_CLASSES,
-  SCORE_TONE_CLASSES,
-  URGENCY_SCORE_CLASSES,
-  getPositiveLevel,
-  getRiskLevel,
-  getScoreToneClasses,
-  getUrgencyLevel,
-  getUrgencyRange
-};
-//# sourceMappingURL=score-semantics.js.map

package/dist/components/score-semantics.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/score-semantics.ts"],"sourcesContent":["export type ScoreIntent = \"urgency\" | \"risk\" | \"positive\"\n\nexport type UrgencyLevel = \"Low\" | \"Medium\" | \"High\" | \"Urgent\"\nexport type RiskLevel = \"Low Risk\" | \"Medium Risk\" | \"High Risk\"\nexport type PositiveLevel = \"Low\" | \"Medium\" | \"High\"\n\nexport type ScoreSemanticClasses = {\n  solid: string\n  outline: string\n  dot: string\n  trigger: string\n  hover: string\n  open: string\n  text: string\n  track: string\n  bar: string\n}\n\nexport const URGENCY_SCORE_CLASSES: Record<UrgencyLevel, ScoreSemanticClasses> = {\n  Urgent: {\n    solid: \"bg-red-600 text-white\",\n    outline: \"border-red-300 bg-red-50 text-red-800\",\n    dot: \"bg-red-600\",\n    trigger: \"border-red-300 bg-red-50 text-red-800\",\n    hover: \"hover:bg-red-100\",\n    open: \"bg-red-100\",\n    text: \"text-red-600\",\n    track: \"text-red-600/15\",\n    bar: \"bg-red-600\",\n  },\n  High: {\n    solid: \"bg-orange-500 text-white\",\n    outline: \"border-orange-300 bg-orange-50 text-orange-800\",\n    dot: \"bg-orange-500\",\n    trigger: \"border-orange-300 bg-orange-50 text-orange-800\",\n    hover: \"hover:bg-orange-100\",\n    open: \"bg-orange-100\",\n    text: \"text-orange-500\",\n    track: \"text-orange-500/15\",\n    bar: \"bg-orange-500\",\n  },\n  Medium: {\n    solid: \"bg-amber-500 text-white\",\n    outline: \"border-amber-300 bg-amber-50 text-amber-800\",\n    dot: \"bg-amber-500\",\n    trigger: \"border-amber-300 bg-amber-50 text-amber-800\",\n    hover: \"hover:bg-amber-100\",\n    open: \"bg-amber-100\",\n    text: \"text-amber-500\",\n    track: \"text-amber-500/15\",\n    bar: \"bg-amber-500\",\n  },\n  Low: {\n    solid: \"bg-neutral-300 text-neutral-900\",\n    outline: \"border-neutral-200 bg-neutral-50 text-neutral-700\",\n    dot: \"bg-neutral-400\",\n    trigger: \"border-neutral-200 bg-neutral-50 text-neutral-700\",\n    hover: \"hover:bg-neutral-100\",\n    open: \"bg-neutral-100\",\n    text: \"text-neutral-400\",\n    track: \"text-neutral-400/15\",\n    bar: \"bg-neutral-400\",\n  },\n}\n\nexport const RISK_SCORE_CLASSES: Record<RiskLevel, ScoreSemanticClasses> = {\n  \"High Risk\": {\n    solid: \"bg-red-600 text-white\",\n    outline: \"border-red-300 bg-red-50 text-red-800\",\n    dot: \"bg-red-600\",\n    trigger: \"border-red-300 bg-red-50 text-red-800\",\n    hover: \"hover:bg-red-100\",\n    open: \"bg-red-100\",\n    text: \"text-red-600\",\n    track: \"text-red-600/15\",\n    bar: \"bg-red-600\",\n  },\n  \"Medium Risk\": {\n    solid: \"bg-amber-500 text-white\",\n    outline: \"border-amber-300 bg-amber-50 text-amber-800\",\n    dot: \"bg-amber-500\",\n    trigger: \"border-amber-300 bg-amber-50 text-amber-800\",\n    hover: \"hover:bg-amber-100\",\n    open: \"bg-amber-100\",\n    text: \"text-amber-500\",\n    track: \"text-amber-500/15\",\n    bar: \"bg-amber-500\",\n  },\n  \"Low Risk\": {\n    solid: \"bg-neutral-300 text-neutral-900\",\n    outline: \"border-neutral-200 bg-neutral-50 text-neutral-700\",\n    dot: \"bg-neutral-400\",\n    trigger: \"border-neutral-200 bg-neutral-50 text-neutral-700\",\n    hover: \"hover:bg-neutral-100\",\n    open: \"bg-neutral-100\",\n    text: \"text-neutral-400\",\n    track: \"text-neutral-400/15\",\n    bar: \"bg-neutral-400\",\n  },\n}\n\nexport const POSITIVE_SCORE_CLASSES: Record<PositiveLevel, ScoreSemanticClasses> = {\n  High: {\n    solid: \"bg-emerald-500 text-white\",\n    outline: \"border-emerald-300 bg-emerald-50 text-emerald-800\",\n    dot: \"bg-emerald-500\",\n    trigger: \"border-emerald-300 bg-emerald-50 text-emerald-800\",\n    hover: \"hover:bg-emerald-100\",\n    open: \"bg-emerald-100\",\n    text: \"text-emerald-500\",\n    track: \"text-emerald-500/15\",\n    bar: \"bg-emerald-500\",\n  },\n  Medium: {\n    solid: \"bg-amber-500 text-white\",\n    outline: \"border-amber-300 bg-amber-50 text-amber-800\",\n    dot: \"bg-amber-500\",\n    trigger: \"border-amber-300 bg-amber-50 text-amber-800\",\n    hover: \"hover:bg-amber-100\",\n    open: \"bg-amber-100\",\n    text: \"text-amber-500\",\n    track: \"text-amber-500/15\",\n    bar: \"bg-amber-500\",\n  },\n  Low: {\n    solid: \"bg-red-500 text-white\",\n    outline: \"border-red-300 bg-red-50 text-red-800\",\n    dot: \"bg-red-500\",\n    trigger: \"border-red-300 bg-red-50 text-red-800\",\n    hover: \"hover:bg-red-100\",\n    open: \"bg-red-100\",\n    text: \"text-red-500\",\n    track: \"text-red-500/15\",\n    bar: \"bg-red-500\",\n  },\n}\n\nexport const SCORE_TONE_CLASSES: Record<string, string> = {\n  alert: \"bg-red-50 text-red-600\",\n  warn: \"bg-amber-50 text-amber-600\",\n  info: \"bg-blue-50 text-blue-600\",\n}\n\nexport const DEFAULT_SCORE_TONE_CLASS = \"bg-muted text-muted-foreground\"\n\nexport function getUrgencyLevel(score: number): UrgencyLevel {\n  if (score >= 80) return \"Urgent\"\n  if (score >= 60) return \"High\"\n  if (score >= 35) return \"Medium\"\n  return \"Low\"\n}\n\nexport function getUrgencyRange(label: UrgencyLevel): string {\n  switch (label) {\n    case \"Urgent\":\n      return \"80-100\"\n    case \"High\":\n      return \"60-79\"\n    case \"Medium\":\n      return \"35-59\"\n    case \"Low\":\n      return \"0-34\"\n  }\n}\n\nexport function getRiskLevel(score: number): RiskLevel {\n  if (score >= 70) return \"High Risk\"\n  if (score >= 40) return \"Medium Risk\"\n  return \"Low Risk\"\n}\n\nexport function getPositiveLevel(score: number): PositiveLevel {\n  if (score >= 70) return \"High\"\n  if (score >= 40) return \"Medium\"\n  return \"Low\"\n}\n\nexport function getScoreToneClasses(score: number, intent: ScoreIntent): ScoreSemanticClasses {\n  switch (intent) {\n    case \"urgency\":\n      return URGENCY_SCORE_CLASSES[getUrgencyLevel(score)]\n    case \"risk\":\n      return RISK_SCORE_CLASSES[getRiskLevel(score)]\n    case \"positive\":\n      return POSITIVE_SCORE_CLASSES[getPositiveLevel(score)]\n  }\n}\n"],"mappings":"AAkBO,MAAM,wBAAoE;AAAA,EAC/E,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,KAAK;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,EACP;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,SAAS;AAAA,IACT,KAAK;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,EACP;AAAA,EACA,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,KAAK;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,EACP;AAAA,EACA,KAAK;AAAA,IACH,OAAO;AAAA,IACP,SAAS;AAAA,IACT,KAAK;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,EACP;AACF;AAEO,MAAM,qBAA8D;AAAA,EACzE,aAAa;AAAA,IACX,OAAO;AAAA,IACP,SAAS;AAAA,IACT,KAAK;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,EACP;AAAA,EACA,eAAe;AAAA,IACb,OAAO;AAAA,IACP,SAAS;AAAA,IACT,KAAK;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,EACP;AAAA,EACA,YAAY;AAAA,IACV,OAAO;AAAA,IACP,SAAS;AAAA,IACT,KAAK;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,EACP;AACF;AAEO,MAAM,yBAAsE;AAAA,EACjF,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,SAAS;AAAA,IACT,KAAK;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,EACP;AAAA,EACA,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,KAAK;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,EACP;AAAA,EACA,KAAK;AAAA,IACH,OAAO;AAAA,IACP,SAAS;AAAA,IACT,KAAK;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,EACP;AACF;AAEO,MAAM,qBAA6C;AAAA,EACxD,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AACR;AAEO,MAAM,2BAA2B;AAEjC,SAAS,gBAAgB,OAA6B;AAC3D,MAAI,SAAS,GAAI,QAAO;AACxB,MAAI,SAAS,GAAI,QAAO;AACxB,MAAI,SAAS,GAAI,QAAO;AACxB,SAAO;AACT;AAEO,SAAS,gBAAgB,OAA6B;AAC3D,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,EACX;AACF;AAEO,SAAS,aAAa,OAA0B;AACrD,MAAI,SAAS,GAAI,QAAO;AACxB,MAAI,SAAS,GAAI,QAAO;AACxB,SAAO;AACT;AAEO,SAAS,iBAAiB,OAA8B;AAC7D,MAAI,SAAS,GAAI,QAAO;AACxB,MAAI,SAAS,GAAI,QAAO;AACxB,SAAO;AACT;AAEO,SAAS,oBAAoB,OAAe,QAA2C;AAC5F,UAAQ,QAAQ;AAAA,IACd,KAAK;AACH,aAAO,sBAAsB,gBAAgB,KAAK,CAAC;AAAA,IACrD,KAAK;AACH,aAAO,mBAAmB,aAAa,KAAK,CAAC;AAAA,IAC/C,KAAK;AACH,aAAO,uBAAuB,iBAAiB,KAAK,CAAC;AAAA,EACzD;AACF;","names":[]}

package/src/components/__tests__/score-analysis-modal.test.tsx

@@ -1,55 +0,0 @@
-import { describe, expect, it, vi } from "vitest"
-import React from "react"
-import { render, screen } from "@testing-library/react"
-import { ScoreAnalysisModal, getScoreLabel } from "../score-analysis-modal"
-
-function renderModal(score: number, scoreIntent: React.ComponentProps<typeof ScoreAnalysisModal>["scoreIntent"]) {
-  return render(
-    <ScoreAnalysisModal
-      open
-      onOpenChange={vi.fn()}
-      title="Score details"
-      description="Detailed score analysis"
-      score={score}
-      scoreIntent={scoreIntent}
-      whyNow="Because the score changed."
-      evidence={["Signal evidence"]}
-      useInlinePanel
-    />,
-  )
-}
-
-describe("ScoreAnalysisModal intent-aware score labels", () => {
-  it("preserves positive labels and green high score ring", () => {
-    expect(getScoreLabel(90, 100, "positive")).toEqual({ text: "HIGH", className: "text-emerald-600" })
-
-    const { container } = renderModal(90, "positive")
-
-    expect(screen.getByText("HIGH")).toBeDefined()
-    expect(container.querySelectorAll("circle")[1]?.getAttribute("class")).toContain("text-emerald-500")
-  })
-
-  it("uses risk labels and never urgency copy for risk intent", () => {
-    expect(getScoreLabel(90, 100, "risk")).toEqual({ text: "High Risk", className: "text-red-600" })
-    expect(getScoreLabel(50, 100, "risk")).toEqual({ text: "Medium Risk", className: "text-amber-600" })
-    expect(getScoreLabel(20, 100, "risk")).toEqual({ text: "Low Risk", className: "text-neutral-600" })
-
-    const { container } = renderModal(90, "risk")
-
-    expect(screen.getByText("High Risk")).toBeDefined()
-    expect(screen.queryByText("URGENT")).toBeNull()
-    expect(container.textContent).not.toContain("80-100")
-    expect(container.querySelectorAll("circle")[1]?.getAttribute("class")).toContain("text-red-600")
-  })
-
-  it("uses neutral label/ring for low urgency instead of red", () => {
-    expect(getScoreLabel(20, 100, "urgency")).toEqual({ text: "LOW", className: "text-neutral-600" })
-
-    const { container } = renderModal(20, "urgency")
-    const fillClass = container.querySelectorAll("circle")[1]?.getAttribute("class") ?? ""
-
-    expect(screen.getByText("LOW")).toBeDefined()
-    expect(fillClass).toContain("text-neutral-400")
-    expect(fillClass).not.toContain("text-red")
-  })
-})

package/src/components/__tests__/score-breakdown-intent.test.tsx

@@ -1,47 +0,0 @@
-import { describe, expect, it } from "vitest"
-import React from "react"
-import { render, screen } from "@testing-library/react"
-import { ScoreBreakdown, type ScoreFactor } from "../score-breakdown"
-
-const factors: ScoreFactor[] = [
-  { key: "high", label: "High Factor", score: 90, why: "High score" },
-  { key: "low", label: "Low Factor", score: 20, why: "Low score" },
-]
-
-function barClasses(scoreIntent: React.ComponentProps<typeof ScoreBreakdown>["scoreIntent"]) {
-  const { container } = render(<ScoreBreakdown factors={factors} scoreIntent={scoreIntent} />)
-  return Array.from(container.querySelectorAll(".h-full.rounded-full")).map((bar) => bar.getAttribute("class") ?? "")
-}
-
-describe("ScoreBreakdown intent-aware factor bars", () => {
-  it("preserves positive high green and low red factor bars", () => {
-    const [highClass, lowClass] = barClasses("positive")
-
-    expect(highClass).toContain("bg-emerald-500")
-    expect(lowClass).toContain("bg-red-500")
-  })
-
-  it("uses red for high risk factor bars", () => {
-    const [highClass] = barClasses("risk")
-
-    expect(highClass).toContain("bg-red-600")
-  })
-
-  it("uses neutral, not red, for low urgency factor bars", () => {
-    const [, lowClass] = barClasses("urgency")
-
-    expect(lowClass).toContain("bg-neutral-400")
-    expect(lowClass).not.toContain("bg-red")
-  })
-
-  it("keeps explicit risk badge styling unchanged", () => {
-    render(
-      <ScoreBreakdown
-        scoreIntent="risk"
-        factors={[{ key: "badge", label: "Badge Factor", score: null, risk: "Low", why: "Risk badge" }]}
-      />,
-    )
-
-    expect(screen.getByText("Low").getAttribute("class")).toContain("text-emerald-600")
-  })
-})

package/src/components/__tests__/score-ring.test.tsx

@@ -1,43 +0,0 @@
-import { describe, expect, it } from "vitest"
-import React from "react"
-import { render } from "@testing-library/react"
-import { ScoreRing, getScoreColor, getScoreTrackColor } from "../score-ring"
-
-function renderRing(score: number, intent: React.ComponentProps<typeof ScoreRing>["intent"]) {
-  const { container } = render(<ScoreRing score={score} intent={intent} />)
-  const circles = container.querySelectorAll("circle")
-  return {
-    trackClass: circles[0]?.getAttribute("class") ?? "",
-    fillClass: circles[1]?.getAttribute("class") ?? "",
-  }
-}
-
-describe("ScoreRing intent-aware colors", () => {
-  it("preserves positive high-is-good colors", () => {
-    expect(getScoreColor(90, 100)).toBe("text-emerald-500")
-    expect(getScoreColor(20, 100)).toBe("text-red-500")
-
-    expect(renderRing(90, "positive").fillClass).toContain("text-emerald-500")
-    expect(renderRing(20, "positive").fillClass).toContain("text-red-500")
-  })
-
-  it("uses red/orange/amber/neutral colors for urgency", () => {
-    expect(getScoreColor(90, 100, "urgency")).toBe("text-red-600")
-    expect(getScoreColor(65, 100, "urgency")).toBe("text-orange-500")
-    expect(getScoreColor(45, 100, "urgency")).toBe("text-amber-500")
-    expect(getScoreColor(20, 100, "urgency")).toBe("text-neutral-400")
-    expect(getScoreTrackColor(20, 100, "urgency")).toBe("text-neutral-400/15")
-
-    expect(renderRing(90, "urgency").fillClass).toContain("text-red-600")
-    expect(renderRing(20, "urgency").fillClass).toContain("text-neutral-400")
-    expect(renderRing(20, "urgency").fillClass).not.toContain("text-red")
-  })
-
-  it("uses red for high risk and neutral for low risk", () => {
-    expect(getScoreColor(90, 100, "risk")).toBe("text-red-600")
-    expect(getScoreColor(20, 100, "risk")).toBe("text-neutral-400")
-
-    expect(renderRing(90, "risk").fillClass).toContain("text-red-600")
-    expect(renderRing(20, "risk").trackClass).toContain("text-neutral-400/15")
-  })
-})

package/src/components/__tests__/score-semantics.test.ts

@@ -1,107 +0,0 @@
-import { describe, expect, it } from "vitest"
-import {
-  POSITIVE_SCORE_CLASSES,
-  RISK_SCORE_CLASSES,
-  URGENCY_SCORE_CLASSES,
-  getPositiveLevel,
-  getRiskLevel,
-  getScoreToneClasses,
-  getUrgencyLevel,
-  getUrgencyRange,
-} from "../score-semantics"
-
-describe("score semantics", () => {
-  it.each([
-    [0, "Low"],
-    [34, "Low"],
-    [35, "Medium"],
-    [59, "Medium"],
-    [60, "High"],
-    [79, "High"],
-    [80, "Urgent"],
-    [100, "Urgent"],
-  ] as const)("maps urgency score %i to %s", (score, level) => {
-    expect(getUrgencyLevel(score)).toBe(level)
-  })
-
-  it("returns urgency ranges", () => {
-    expect(getUrgencyRange("Low")).toBe("0-34")
-    expect(getUrgencyRange("Medium")).toBe("35-59")
-    expect(getUrgencyRange("High")).toBe("60-79")
-    expect(getUrgencyRange("Urgent")).toBe("80-100")
-  })
-
-  it("uses the approved urgency palette", () => {
-    expect(URGENCY_SCORE_CLASSES.Urgent).toMatchObject({
-      solid: "bg-red-600 text-white",
-      outline: "border-red-300 bg-red-50 text-red-800",
-      dot: "bg-red-600",
-      trigger: "border-red-300 bg-red-50 text-red-800",
-      hover: "hover:bg-red-100",
-      open: "bg-red-100",
-      text: "text-red-600",
-      track: "text-red-600/15",
-      bar: "bg-red-600",
-    })
-    expect(URGENCY_SCORE_CLASSES.High.trigger).toBe("border-orange-300 bg-orange-50 text-orange-800")
-    expect(URGENCY_SCORE_CLASSES.Medium.dot).toBe("bg-amber-500")
-    expect(URGENCY_SCORE_CLASSES.Low).toMatchObject({
-      solid: "bg-neutral-300 text-neutral-900",
-      outline: "border-neutral-200 bg-neutral-50 text-neutral-700",
-      dot: "bg-neutral-400",
-      trigger: "border-neutral-200 bg-neutral-50 text-neutral-700",
-      hover: "hover:bg-neutral-100",
-      open: "bg-neutral-100",
-      text: "text-neutral-400",
-      track: "text-neutral-400/15",
-      bar: "bg-neutral-400",
-    })
-  })
-
-  it("maps risk scores without urgency labels", () => {
-    expect(getRiskLevel(0)).toBe("Low Risk")
-    expect(getRiskLevel(39)).toBe("Low Risk")
-    expect(getRiskLevel(40)).toBe("Medium Risk")
-    expect(getRiskLevel(69)).toBe("Medium Risk")
-    expect(getRiskLevel(70)).toBe("High Risk")
-    expect(RISK_SCORE_CLASSES["High Risk"].solid).toBe("bg-red-600 text-white")
-    expect(RISK_SCORE_CLASSES["Medium Risk"].dot).toBe("bg-amber-500")
-    expect(RISK_SCORE_CLASSES["Low Risk"].trigger).toBe("border-neutral-200 bg-neutral-50 text-neutral-700")
-  })
-
-  it("preserves positive high-is-good semantics", () => {
-    expect(getPositiveLevel(39)).toBe("Low")
-    expect(getPositiveLevel(40)).toBe("Medium")
-    expect(getPositiveLevel(70)).toBe("High")
-    expect(POSITIVE_SCORE_CLASSES.High.solid).toBe("bg-emerald-500 text-white")
-    expect(POSITIVE_SCORE_CLASSES.Medium.solid).toBe("bg-amber-500 text-white")
-    expect(POSITIVE_SCORE_CLASSES.Low.solid).toBe("bg-red-500 text-white")
-  })
-
-  it("returns static urgency classes from the urgency map", () => {
-    expect(getScoreToneClasses(0, "urgency")).toBe(URGENCY_SCORE_CLASSES.Low)
-    expect(getScoreToneClasses(34, "urgency")).toBe(URGENCY_SCORE_CLASSES.Low)
-    expect(getScoreToneClasses(35, "urgency")).toBe(URGENCY_SCORE_CLASSES.Medium)
-    expect(getScoreToneClasses(59, "urgency")).toBe(URGENCY_SCORE_CLASSES.Medium)
-    expect(getScoreToneClasses(60, "urgency")).toBe(URGENCY_SCORE_CLASSES.High)
-    expect(getScoreToneClasses(79, "urgency")).toBe(URGENCY_SCORE_CLASSES.High)
-    expect(getScoreToneClasses(80, "urgency")).toBe(URGENCY_SCORE_CLASSES.Urgent)
-    expect(getScoreToneClasses(100, "urgency")).toBe(URGENCY_SCORE_CLASSES.Urgent)
-  })
-
-  it("returns static risk classes from risk labels only", () => {
-    expect(getScoreToneClasses(39, "risk")).toBe(RISK_SCORE_CLASSES["Low Risk"])
-    expect(getScoreToneClasses(40, "risk")).toBe(RISK_SCORE_CLASSES["Medium Risk"])
-    expect(getScoreToneClasses(70, "risk")).toBe(RISK_SCORE_CLASSES["High Risk"])
-    expect(RISK_SCORE_CLASSES).not.toHaveProperty("Low")
-    expect(RISK_SCORE_CLASSES).not.toHaveProperty("Medium")
-    expect(RISK_SCORE_CLASSES).not.toHaveProperty("High")
-    expect(RISK_SCORE_CLASSES).not.toHaveProperty("Urgent")
-  })
-
-  it("returns static positive classes from high-is-good map", () => {
-    expect(getScoreToneClasses(39, "positive")).toBe(POSITIVE_SCORE_CLASSES.Low)
-    expect(getScoreToneClasses(40, "positive")).toBe(POSITIVE_SCORE_CLASSES.Medium)
-    expect(getScoreToneClasses(70, "positive")).toBe(POSITIVE_SCORE_CLASSES.High)
-  })
-})

package/src/components/score-semantics.ts

@@ -1,187 +0,0 @@
-export type ScoreIntent = "urgency" | "risk" | "positive"
-
-export type UrgencyLevel = "Low" | "Medium" | "High" | "Urgent"
-export type RiskLevel = "Low Risk" | "Medium Risk" | "High Risk"
-export type PositiveLevel = "Low" | "Medium" | "High"
-
-export type ScoreSemanticClasses = {
-  solid: string
-  outline: string
-  dot: string
-  trigger: string
-  hover: string
-  open: string
-  text: string
-  track: string
-  bar: string
-}
-
-export const URGENCY_SCORE_CLASSES: Record<UrgencyLevel, ScoreSemanticClasses> = {
-  Urgent: {
-    solid: "bg-red-600 text-white",
-    outline: "border-red-300 bg-red-50 text-red-800",
-    dot: "bg-red-600",
-    trigger: "border-red-300 bg-red-50 text-red-800",
-    hover: "hover:bg-red-100",
-    open: "bg-red-100",
-    text: "text-red-600",
-    track: "text-red-600/15",
-    bar: "bg-red-600",
-  },
-  High: {
-    solid: "bg-orange-500 text-white",
-    outline: "border-orange-300 bg-orange-50 text-orange-800",
-    dot: "bg-orange-500",
-    trigger: "border-orange-300 bg-orange-50 text-orange-800",
-    hover: "hover:bg-orange-100",
-    open: "bg-orange-100",
-    text: "text-orange-500",
-    track: "text-orange-500/15",
-    bar: "bg-orange-500",
-  },
-  Medium: {
-    solid: "bg-amber-500 text-white",
-    outline: "border-amber-300 bg-amber-50 text-amber-800",
-    dot: "bg-amber-500",
-    trigger: "border-amber-300 bg-amber-50 text-amber-800",
-    hover: "hover:bg-amber-100",
-    open: "bg-amber-100",
-    text: "text-amber-500",
-    track: "text-amber-500/15",
-    bar: "bg-amber-500",
-  },
-  Low: {
-    solid: "bg-neutral-300 text-neutral-900",
-    outline: "border-neutral-200 bg-neutral-50 text-neutral-700",
-    dot: "bg-neutral-400",
-    trigger: "border-neutral-200 bg-neutral-50 text-neutral-700",
-    hover: "hover:bg-neutral-100",
-    open: "bg-neutral-100",
-    text: "text-neutral-400",
-    track: "text-neutral-400/15",
-    bar: "bg-neutral-400",
-  },
-}
-
-export const RISK_SCORE_CLASSES: Record<RiskLevel, ScoreSemanticClasses> = {
-  "High Risk": {
-    solid: "bg-red-600 text-white",
-    outline: "border-red-300 bg-red-50 text-red-800",
-    dot: "bg-red-600",
-    trigger: "border-red-300 bg-red-50 text-red-800",
-    hover: "hover:bg-red-100",
-    open: "bg-red-100",
-    text: "text-red-600",
-    track: "text-red-600/15",
-    bar: "bg-red-600",
-  },
-  "Medium Risk": {
-    solid: "bg-amber-500 text-white",
-    outline: "border-amber-300 bg-amber-50 text-amber-800",
-    dot: "bg-amber-500",
-    trigger: "border-amber-300 bg-amber-50 text-amber-800",
-    hover: "hover:bg-amber-100",
-    open: "bg-amber-100",
-    text: "text-amber-500",
-    track: "text-amber-500/15",
-    bar: "bg-amber-500",
-  },
-  "Low Risk": {
-    solid: "bg-neutral-300 text-neutral-900",
-    outline: "border-neutral-200 bg-neutral-50 text-neutral-700",
-    dot: "bg-neutral-400",
-    trigger: "border-neutral-200 bg-neutral-50 text-neutral-700",
-    hover: "hover:bg-neutral-100",
-    open: "bg-neutral-100",
-    text: "text-neutral-400",
-    track: "text-neutral-400/15",
-    bar: "bg-neutral-400",
-  },
-}
-
-export const POSITIVE_SCORE_CLASSES: Record<PositiveLevel, ScoreSemanticClasses> = {
-  High: {
-    solid: "bg-emerald-500 text-white",
-    outline: "border-emerald-300 bg-emerald-50 text-emerald-800",
-    dot: "bg-emerald-500",
-    trigger: "border-emerald-300 bg-emerald-50 text-emerald-800",
-    hover: "hover:bg-emerald-100",
-    open: "bg-emerald-100",
-    text: "text-emerald-500",
-    track: "text-emerald-500/15",
-    bar: "bg-emerald-500",
-  },
-  Medium: {
-    solid: "bg-amber-500 text-white",
-    outline: "border-amber-300 bg-amber-50 text-amber-800",
-    dot: "bg-amber-500",
-    trigger: "border-amber-300 bg-amber-50 text-amber-800",
-    hover: "hover:bg-amber-100",
-    open: "bg-amber-100",
-    text: "text-amber-500",
-    track: "text-amber-500/15",
-    bar: "bg-amber-500",
-  },
-  Low: {
-    solid: "bg-red-500 text-white",
-    outline: "border-red-300 bg-red-50 text-red-800",
-    dot: "bg-red-500",
-    trigger: "border-red-300 bg-red-50 text-red-800",
-    hover: "hover:bg-red-100",
-    open: "bg-red-100",
-    text: "text-red-500",
-    track: "text-red-500/15",
-    bar: "bg-red-500",
-  },
-}
-
-export const SCORE_TONE_CLASSES: Record<string, string> = {
-  alert: "bg-red-50 text-red-600",
-  warn: "bg-amber-50 text-amber-600",
-  info: "bg-blue-50 text-blue-600",
-}
-
-export const DEFAULT_SCORE_TONE_CLASS = "bg-muted text-muted-foreground"
-
-export function getUrgencyLevel(score: number): UrgencyLevel {
-  if (score >= 80) return "Urgent"
-  if (score >= 60) return "High"
-  if (score >= 35) return "Medium"
-  return "Low"
-}
-
-export function getUrgencyRange(label: UrgencyLevel): string {
-  switch (label) {
-    case "Urgent":
-      return "80-100"
-    case "High":
-      return "60-79"
-    case "Medium":
-      return "35-59"
-    case "Low":
-      return "0-34"
-  }
-}
-
-export function getRiskLevel(score: number): RiskLevel {
-  if (score >= 70) return "High Risk"
-  if (score >= 40) return "Medium Risk"
-  return "Low Risk"
-}
-
-export function getPositiveLevel(score: number): PositiveLevel {
-  if (score >= 70) return "High"
-  if (score >= 40) return "Medium"
-  return "Low"
-}
-
-export function getScoreToneClasses(score: number, intent: ScoreIntent): ScoreSemanticClasses {
-  switch (intent) {
-    case "urgency":
-      return URGENCY_SCORE_CLASSES[getUrgencyLevel(score)]
-    case "risk":
-      return RISK_SCORE_CLASSES[getRiskLevel(score)]
-    case "positive":
-      return POSITIVE_SCORE_CLASSES[getPositiveLevel(score)]
-  }
-}