4e:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 4f:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 50:T3b70,"use client" import * as React from "react" import { ChevronUpIcon, XIcon } from "lucide-react" import { motion, useReducedMotion } from "motion/react" import { ICON_SPRING, INSTANT } from "@/lib/motion" import { cn } from "@/lib/utils" import { Button } from "@/components/ui/button" import { Collapse } from "@/components/ikas/collapse" type LaunchpadStepStatus = "todo" | "done" | "blocked" type LaunchpadStep = { id: string label: React.ReactNode /** Shown under the label while the step is active. One or two sentences. */ description?: React.ReactNode /** Rough effort shown on the right, e.g. "~2 dk". */ eta?: React.ReactNode /** Defaults to "todo", or "blocked" while a step in `requires` is not done. */ status?: LaunchpadStepStatus /** Ids of steps that must be done first. */ requires?: string[] /** Buttons shown while the step is active. Primary first, then one secondary. */ actions?: React.ReactNode } type LaunchpadProps = Omit, "title"> & { steps: LaunchpadStep[] /** The open step. Leave undefined to let the Launchpad manage it. */ activeId?: string | null /** Called when a step is focused, and when the active step is completed and the next one opens. */ onActiveChange?: (id: string) => void /** Called once when the last step is done. */ onComplete?: () => void /** Shows only the header and the next step. Leave undefined to let the Launchpad manage it. */ collapsed?: boolean onCollapsedChange?: (collapsed: boolean) => void /** Small label at the top left. */ title?: React.ReactNode /** Shows a close button once every step is done. */ onDismiss?: () => void } type ResolvedStep = LaunchpadStep & { status: LaunchpadStepStatus; index: string; waitingFor?: ResolvedStep } const pad = (n: number) => String(n).padStart(2, "0") function resolveSteps(steps: LaunchpadStep[]): ResolvedStep[] { const done = new Set(steps.filter((s) => s.status === "done").map((s) => s.id)) const indexOf = new Map(steps.map((s, i) => [s.id, i])) const resolved: ResolvedStep[] = steps.map((step, i) => ({ ...step, status: step.status ?? "todo", index: pad(i + 1) })) for (const step of resolved) { if (step.status === "done") continue const missing = step.requires?.find((id) => !done.has(id)) if (missing !== undefined) { step.status = "blocked" const at = indexOf.get(missing) if (at !== undefined) step.waitingFor = resolved[at] } } return resolved } /** The step to open after `fromId`: the first open, unblocked step after it, then before it. */ function nextStep(steps: ResolvedStep[], fromId?: string | null): string | null { const from = steps.findIndex((s) => s.id === fromId) const ordered = [...steps.slice(from + 1), ...steps.slice(0, Math.max(from, 0))] return (ordered.find((s) => s.status === "todo") ?? ordered.find((s) => s.status === "blocked"))?.id ?? null } const doneIds = (key: string) => key.split("|").filter(Boolean) /** Step marker: a diamond. Filled when done, with a core while active, dashed while blocked. */ function StepNode({ status, active }: { status: LaunchpadStepStatus; active: boolean }) { const outline = "M8 1.6 14.4 8 8 14.4 1.6 8Z" return ( ) } /** * First-run steps on the app's home screen. A vertical rail of numbered steps: * the active one opens in place with its actions, any step can be focused, and * finishing a step opens the next one. Collapses to its header and the next step. */ function Launchpad({ steps, activeId, onActiveChange, onComplete, collapsed, onCollapsedChange, title = "Başlangıç", onDismiss, className, ...props }: LaunchpadProps) { const baseId = React.useId() const reduce = useReducedMotion() const listRef = React.useRef(null) const resolved = React.useMemo(() => resolveSteps(steps), [steps]) const doneCount = resolved.filter((s) => s.status === "done").length const allDone = resolved.length > 0 && doneCount === resolved.length const doneKey = resolved.map((s) => (s.status === "done" ? s.id : "")).join("|") // Active step: controlled through activeId, or kept here. const [ownActive, setOwnActive] = React.useState(() => nextStep(resolved)) const active = activeId === undefined ? ownActive : activeId const [ownCollapsed, setOwnCollapsed] = React.useState(false) const isCollapsed = collapsed ?? ownCollapsed const setCollapsed = (value: boolean) => { if (collapsed === undefined) setOwnCollapsed(value) onCollapsedChange?.(value) } // When the active step is completed, open the next one. Uncontrolled: adjust during render. const [seenDoneKey, setSeenDoneKey] = React.useState(doneKey) if (seenDoneKey !== doneKey) { setSeenDoneKey(doneKey) const wasDone = new Set(doneIds(seenDoneKey)) const justDone = ownActive !== null && !wasDone.has(ownActive) && doneIds(doneKey).includes(ownActive) if (activeId === undefined && (ownActive === null || justDone)) setOwnActive(nextStep(resolved, ownActive)) } // Controlled activeId and onComplete are told from an effect, after the change has rendered. const latest = React.useRef({ onActiveChange, onComplete, activeId, resolved }) React.useLayoutEffect(() => { latest.current = { onActiveChange, onComplete, activeId, resolved } }) const previousDoneKey = React.useRef(doneKey) React.useEffect(() => { const before = new Set(doneIds(previousDoneKey.current)) previousDoneKey.current = doneKey const now = doneIds(doneKey) const { onActiveChange: change, onComplete: complete, activeId: controlled, resolved: current } = latest.current if (controlled && now.includes(controlled) && !before.has(controlled)) { const next = nextStep(current, controlled) if (next) change?.(next) } if (now.length === current.length && before.size < current.length) complete?.() }, [doneKey]) const focusStep = (id: string) => { if (activeId === undefined) setOwnActive(id) onActiveChange?.(id) } function onListKeyDown(event: React.KeyboardEvent) { const buttons = Array.from(listRef.current?.querySelectorAll("[data-slot=launchpad-step-trigger]") ?? []) const at = buttons.indexOf(document.activeElement as HTMLButtonElement) if (at === -1) return const target = event.key === "ArrowDown" ? buttons[Math.min(at + 1, buttons.length - 1)] : event.key === "ArrowUp" ? buttons[Math.max(at - 1, 0)] : event.key === "Home" ? buttons[0] : event.key === "End" ? buttons[buttons.length - 1] : undefined if (!target) return event.preventDefault() target.focus() } const upNext = resolved.find((s) => s.id === active && s.status !== "done") ?? resolved.find((s) => s.id === nextStep(resolved)) const listId = `${baseId}-steps` return (

{title}

{pad(doneCount)} /{pad(resolved.length)}

{resolved.map((step) => ( ))}

{allDone && onDismiss && ( )}

{/* The up-next row opens as the list closes: two height springs, one motion. */} {upNext && ( )}

{!isLast && ( )}
{step.description &&
{step.description}
} {step.status === "blocked" && step.waitingFor && (
Önce {step.waitingFor.index} · {step.waitingFor.label} adımını tamamlayın.
)} {step.actions && (
{step.actions}
)}

{allDone && (

Tüm adımlar tamamlandı. Bu kartı kapatabilirsiniz.

)}

) } export { Launchpad, type LaunchpadProps, type LaunchpadStep, type LaunchpadStepStatus } 4d:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}],["$","li","motion",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/motion","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"motion"}]]}]}]]}],["$","$L4e",null,{"namespace":"@ikas","registryDependencies":["@ikas/button","@ikas/collapse","@ikas/motion","@ikas/utils"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"registry/ikas/launchpad.tsx","content":"$50","type":"registry:component","target":"@components/ikas/launchpad.tsx"}],"className":"h-[70svh] min-h-80"}]]}]