Task Manager MCP Server

<script lang="ts"> import { Progress as ProgressPrimitive, type WithoutChildrenOrChild } from "bits-ui"; import { cn } from "$lib/utils.js"; let { ref = $bindable(null), class: className, max = 100, value, ...restProps }: WithoutChildrenOrChild<ProgressPrimitive.RootProps> = $props(); </script> <ProgressPrimitive.Root bind:ref class={cn("bg-secondary relative h-4 w-full overflow-hidden rounded-full", className)} {value} {max} {...restProps} > <div class="bg-primary h-full w-full flex-1 transition-all" style={`transform: translateX(-${100 - (100 * (value ?? 0)) / (max ?? 1)}%)`} ></div> </ProgressPrimitive.Root>