feat(ui): add Slider component and update testing

CHANGELOG.md

@@ -4,6 +4,8 @@
 
 ### Added
 
+- `@base-ui/react/slider` 기반의 `Slider` 컴포넌트를 UI 패키지에 추가하고, 해당 컴포넌트에 대한 렌더링 테스트 및 스토리북(`Slider.stories.tsx`) 설정을 반영했습니다.
+
 - Name tonight's first playable range on the ready rehearsal map and tell the player to check that span on their instrument before the section.
 - Display the analyzed song tempo (BPM) as a badge in the rehearsal workspace.
 - 각 합주 역할(Role)별 개인 연습 진행도를 0~100% 범위로 기록 및 시각화할 수 있는 연습 진척도(`practiceProgress`) 트래커 기능 추가. UI 컨트롤(슬라이더 및 +/- 버튼)과 한/영 다국어 지원 포함.

apps/desktop/src/components/ui/slider.stories.tsx

@@ -0,0 +1,18 @@
+import type { Meta, StoryObj } from "@storybook/react"
+
+import { Slider } from "./slider"
+
+const meta = {
+  title: "UI/Slider",
+  component: Slider,
+  parameters: { layout: "centered" },
+  args: {
+    defaultValue: 50,
+    className: "w-[60vw]"
+  },
+} satisfies Meta<typeof Slider>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {}

apps/desktop/src/components/ui/slider.tsx

@@ -0,0 +1,39 @@
+import * as React from "react"
+import { Slider as SliderPrimitive } from "@base-ui/react/slider"
+
+import { cn } from "@/lib/utils"
+
+/** Render a styled slider that preserves Base UI accessibility behavior. */
+function Slider({
+  className,
+  ...props
+}: React.ComponentProps<typeof SliderPrimitive.Root>) {
+  return (
+    <SliderPrimitive.Root
+      data-slot="slider"
+      className={cn(
+        "relative flex w-full touch-none select-none items-center",
+        className
+      )}
+      {...props}
+    >
+      <SliderPrimitive.Control className="flex w-full items-center">
+        <SliderPrimitive.Track
+          data-slot="slider-track"
+          className="relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20"
+        >
+          <SliderPrimitive.Indicator
+            data-slot="slider-indicator"
+            className="h-full bg-primary"
+          />
+        </SliderPrimitive.Track>
+        <SliderPrimitive.Thumb
+          data-slot="slider-thumb"
+          className="block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"
+        />
+      </SliderPrimitive.Control>
+    </SliderPrimitive.Root>
+  )
+}
+
+export { Slider }

apps/desktop/src/components/ui/ui-added.test.tsx

@@ -1,6 +1,7 @@
 import { render, screen, waitFor } from "@testing-library/react"
 import { describe, expect, it } from "vitest"
 
+import { Slider } from "./slider"
 import {
   Table,
   TableBody,
@@ -246,3 +247,13 @@ describe("added ui primitives (runtime render)", () => {
     expect(await screen.findByText("분석 준비 완료")).toBeTruthy()
   })
 })
+
+describe("Slider component", () => {
+  it("Slider mounts with track, indicator and thumb", () => {
+    const { container } = render(<Slider defaultValue={50} aria-label="vol" />)
+    expect(container.querySelector('[data-slot="slider"]')).toBeTruthy()
+    expect(container.querySelector('[data-slot="slider-track"]')).toBeTruthy()
+    expect(container.querySelector('[data-slot="slider-indicator"]')).toBeTruthy()
+    expect(container.querySelector('[data-slot="slider-thumb"]')).toBeTruthy()
+  })
+})

services/analysis-engine/tests/test_supply_chain_policy.py

@@ -1275,9 +1275,7 @@ def test_workflow_concurrency_cancels_only_superseded_pr_heads() -> None:
         workflow = (workflows_dir / workflow_name).read_text(encoding="utf-8")
         assert "concurrency:" in workflow, workflow_name
         assert "cancel-in-progress: false" in workflow, workflow_name
-        assert "contents: read" in workflow or "permissions: read-all" in workflow, (
-            workflow_name
-        )
+        assert "contents: read" in workflow or "permissions: read-all" in workflow, workflow_name
 
     assert "pull_request:" not in (workflows_dir / "release.yml").read_text(encoding="utf-8")