Create standalone browser port of LTX Athena with authenticated native API transport

2026-09-29 17:59:23 +02:00
commit 1333b0c36b
202 changed files with 63054 additions and 0 deletions
@@ -0,0 +1,40 @@
+import * as React from 'react'
+import { cn } from '@/lib/utils'
+
+interface ProgressProps extends React.HTMLAttributes<HTMLDivElement> {
+  value?: number
+  max?: number
+  showLabel?: boolean
+}
+
+const Progress = React.forwardRef<HTMLDivElement, ProgressProps>(
+  ({ className, value = 0, max = 100, showLabel = false, ...props }, ref) => {
+    const percentage = Math.min(100, Math.max(0, (value / max) * 100))
+
+    return (
+      <div className="w-full">
+        <div
+          ref={ref}
+          className={cn(
+            'relative h-2 w-full overflow-hidden rounded-full bg-secondary',
+            className
+          )}
+          {...props}
+        >
+          <div
+            className="h-full bg-primary transition-all duration-300 ease-in-out"
+            style={{ width: `${percentage}%` }}
+          />
+        </div>
+        {showLabel && (
+          <span className="text-xs text-muted-foreground mt-1 block text-right">
+            {Math.round(percentage)}%
+          </span>
+        )}
+      </div>
+    )
+  }
+)
+Progress.displayName = 'Progress'
+
+export { Progress }