= {
+ queued: "text-muted-foreground",
+ in_progress: "text-[var(--warning)]",
+ done: "text-[var(--success)]",
};
export function PortfolioQueueView({ result }: { result: PortfolioQueueResult | null }) {
if (result === null) {
- return Loading local portfolio queue…
;
+ return Loading local portfolio queue…
;
}
if (!result.ok) {
return (
-
+
Could not read the local portfolio queue: {result.error}
);
@@ -36,22 +40,24 @@ export function PortfolioQueueView({ result }: { result: PortfolioQueueResult |
const summary = result.summary;
if (summary.total === 0) {
return (
-
+
No queued work yet — the cards fill in once the miner enqueues its first portfolio item.
);
}
return (
-
-
- {(Object.keys(STATUS_LABELS) as QueueStatus[]).map((status) => (
-
-
- {STATUS_LABELS[status]}
- - {summary.counts[status]}
-
- ))}
-
-
+ {(Object.keys(STATUS_LABELS) as QueueStatus[]).map((status) => (
+
+
+ - {STATUS_LABELS[status]}
+ -
+ {summary.counts[status]}
+
+
+
+ ))}
+
);
}
@@ -73,14 +79,16 @@ export function PortfolioPage({
}, [loadPortfolioQueue]);
return (
-
- Portfolio queue
-
- Local, read-only summary of the miner's portfolio queue (`miner_portfolio_queue`).
-
-
+
+
+ Portfolio queue
+
+ Local, read-only summary of the miner's portfolio queue (`miner_portfolio_queue`).
+
+
+
- Loading local run state…
;
+ return Loading local run state…
;
}
if (!result.ok) {
return (
-
+
Could not read local run state: {result.error}
);
}
if (result.rows.length === 0) {
return (
-
+
No local run state yet — the table fills in once the miner records its first repo run.
);
}
return (
-
-
-
- |
- Repository
- |
-
- State
- |
-
- Last updated
- |
-
-
-
+
+
+
+ Repository
+ State
+ Last updated
+
+
+
{result.rows.map((row) => (
-
- | {row.repoFullName} |
-
- {row.state}
- |
- {row.updatedAt} |
-
+
+ {row.repoFullName}
+
+ {row.state}
+
+ {row.updatedAt}
+
))}
-
-
+
+
);
}
@@ -84,14 +89,16 @@ export function RunHistoryPage({
}, [loadRunStates]);
return (
-
- Run history
-
- Local, read-only view over the miner's per-repo run state (`miner_run_state`).
-
-
+
+
+ Run history
+
+ Local, read-only view over the miner's per-repo run state (`miner_run_state`).
+
+
+
- {children}
-
-));
-AccordionContent.displayName = AccordionPrimitive.Content.displayName;
-
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
+export * from "@jsonbored/gittensory-ui-kit/components/accordion";
diff --git a/apps/gittensory-ui/src/components/ui/alert-dialog.tsx b/apps/gittensory-ui/src/components/ui/alert-dialog.tsx
index 072a66562e..7122b9d44d 100644
--- a/apps/gittensory-ui/src/components/ui/alert-dialog.tsx
+++ b/apps/gittensory-ui/src/components/ui/alert-dialog.tsx
@@ -1,115 +1 @@
-import * as React from "react";
-import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-
-import { cn } from "@/lib/utils";
-import { buttonVariants } from "@/components/ui/button";
-
-const AlertDialog = AlertDialogPrimitive.Root;
-
-const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
-
-const AlertDialogPortal = AlertDialogPrimitive.Portal;
-
-const AlertDialogOverlay = React.forwardRef<
- React.ElementRef,
- React.ComponentPropsWithoutRef
->(({ className, ...props }, ref) => (
-
-));
-AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-
-const AlertDialogContent = React.forwardRef<
- React.ElementRef,
- React.ComponentPropsWithoutRef
->(({ className, ...props }, ref) => (
-
-
-
-
-));
-AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
-
-const AlertDialogHeader = ({ className, ...props }: React.HTMLAttributes) => (
-
-);
-AlertDialogHeader.displayName = "AlertDialogHeader";
-
-const AlertDialogFooter = ({ className, ...props }: React.HTMLAttributes) => (
-
-);
-AlertDialogFooter.displayName = "AlertDialogFooter";
-
-const AlertDialogTitle = React.forwardRef<
- React.ElementRef,
- React.ComponentPropsWithoutRef
->(({ className, ...props }, ref) => (
-
-));
-AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-
-const AlertDialogDescription = React.forwardRef<
- React.ElementRef,
- React.ComponentPropsWithoutRef
->(({ className, ...props }, ref) => (
-
-));
-AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-
-const AlertDialogAction = React.forwardRef<
- React.ElementRef,
- React.ComponentPropsWithoutRef
->(({ className, ...props }, ref) => (
-
-));
-AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-
-const AlertDialogCancel = React.forwardRef<
- React.ElementRef,
- React.ComponentPropsWithoutRef
->(({ className, ...props }, ref) => (
-
-));
-AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
-
-export {
- AlertDialog,
- AlertDialogPortal,
- AlertDialogOverlay,
- AlertDialogTrigger,
- AlertDialogContent,
- AlertDialogHeader,
- AlertDialogFooter,
- AlertDialogTitle,
- AlertDialogDescription,
- AlertDialogAction,
- AlertDialogCancel,
-};
+export * from "@jsonbored/gittensory-ui-kit/components/alert-dialog";
diff --git a/apps/gittensory-ui/src/components/ui/alert.tsx b/apps/gittensory-ui/src/components/ui/alert.tsx
index cd0a062770..41365f78bf 100644
--- a/apps/gittensory-ui/src/components/ui/alert.tsx
+++ b/apps/gittensory-ui/src/components/ui/alert.tsx
@@ -1,49 +1 @@
-import * as React from "react";
-import { cva, type VariantProps } from "class-variance-authority";
-
-import { cn } from "@/lib/utils";
-
-const alertVariants = cva(
- "relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7",
- {
- variants: {
- variant: {
- default: "bg-background text-foreground",
- destructive:
- "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
- },
- },
- defaultVariants: {
- variant: "default",
- },
- },
-);
-
-const Alert = React.forwardRef<
- HTMLDivElement,
- React.HTMLAttributes & VariantProps
->(({ className, variant, ...props }, ref) => (
-
-));
-Alert.displayName = "Alert";
-
-const AlertTitle = React.forwardRef>(
- ({ className, ...props }, ref) => (
-
- ),
-);
-AlertTitle.displayName = "AlertTitle";
-
-const AlertDescription = React.forwardRef<
- HTMLParagraphElement,
- React.HTMLAttributes
->(({ className, ...props }, ref) => (
-
-));
-AlertDescription.displayName = "AlertDescription";
-
-export { Alert, AlertTitle, AlertDescription };
+export * from "@jsonbored/gittensory-ui-kit/components/alert";
diff --git a/apps/gittensory-ui/src/components/ui/aspect-ratio.tsx b/apps/gittensory-ui/src/components/ui/aspect-ratio.tsx
index c9e6f4bf9e..0be69c2af4 100644
--- a/apps/gittensory-ui/src/components/ui/aspect-ratio.tsx
+++ b/apps/gittensory-ui/src/components/ui/aspect-ratio.tsx
@@ -1,5 +1 @@
-import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
-
-const AspectRatio = AspectRatioPrimitive.Root;
-
-export { AspectRatio };
+export * from "@jsonbored/gittensory-ui-kit/components/aspect-ratio";
diff --git a/apps/gittensory-ui/src/components/ui/avatar.tsx b/apps/gittensory-ui/src/components/ui/avatar.tsx
index 7904926b9d..c587c79431 100644
--- a/apps/gittensory-ui/src/components/ui/avatar.tsx
+++ b/apps/gittensory-ui/src/components/ui/avatar.tsx
@@ -1,47 +1 @@
-"use client";
-
-import * as React from "react";
-import * as AvatarPrimitive from "@radix-ui/react-avatar";
-
-import { cn } from "@/lib/utils";
-
-const Avatar = React.forwardRef<
- React.ElementRef,
- React.ComponentPropsWithoutRef
->(({ className, ...props }, ref) => (
-
-));
-Avatar.displayName = AvatarPrimitive.Root.displayName;
-
-const AvatarImage = React.forwardRef<
- React.ElementRef,
- React.ComponentPropsWithoutRef
->(({ className, ...props }, ref) => (
-
-));
-AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-
-const AvatarFallback = React.forwardRef<
- React.ElementRef,
- React.ComponentPropsWithoutRef
->(({ className, ...props }, ref) => (
-
-));
-AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
-
-export { Avatar, AvatarImage, AvatarFallback };
+export * from "@jsonbored/gittensory-ui-kit/components/avatar";
diff --git a/apps/gittensory-ui/src/components/ui/badge.tsx b/apps/gittensory-ui/src/components/ui/badge.tsx
index da8a522c48..5112009415 100644
--- a/apps/gittensory-ui/src/components/ui/badge.tsx
+++ b/apps/gittensory-ui/src/components/ui/badge.tsx
@@ -1,31 +1 @@
-import * as React from "react";
-import { cva, type VariantProps } from "class-variance-authority";
-
-import { cn } from "@/lib/utils";
-
-const badgeVariants = cva(
- "inline-flex items-center rounded-token border-hairline px-2.5 py-0.5 text-token-2xs font-semibold uppercase tracking-wider font-mono transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
- {
- variants: {
- variant: {
- default: "border-transparent bg-primary text-primary-foreground hover:brightness-110",
- secondary: "border-transparent bg-muted text-foreground hover:bg-muted/70",
- destructive:
- "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/90",
- outline: "text-foreground bg-transparent",
- },
- },
- defaultVariants: {
- variant: "default",
- },
- },
-);
-
-export interface BadgeProps
- extends React.HTMLAttributes, VariantProps {}
-
-function Badge({ className, variant, ...props }: BadgeProps) {
- return ;
-}
-
-export { Badge, badgeVariants };
+export * from "@jsonbored/gittensory-ui-kit/components/badge";
diff --git a/apps/gittensory-ui/src/components/ui/breadcrumb.tsx b/apps/gittensory-ui/src/components/ui/breadcrumb.tsx
index 94eb6291a6..47d551cb3e 100644
--- a/apps/gittensory-ui/src/components/ui/breadcrumb.tsx
+++ b/apps/gittensory-ui/src/components/ui/breadcrumb.tsx
@@ -1,101 +1 @@
-import * as React from "react";
-import { Slot } from "@radix-ui/react-slot";
-import { ChevronRight, MoreHorizontal } from "lucide-react";
-
-import { cn } from "@/lib/utils";
-
-const Breadcrumb = React.forwardRef<
- HTMLElement,
- React.ComponentPropsWithoutRef<"nav"> & {
- separator?: React.ReactNode;
- }
->(({ ...props }, ref) => );
-Breadcrumb.displayName = "Breadcrumb";
-
-const BreadcrumbList = React.forwardRef>(
- ({ className, ...props }, ref) => (
-
- ),
-);
-BreadcrumbList.displayName = "BreadcrumbList";
-
-const BreadcrumbItem = React.forwardRef>(
- ({ className, ...props }, ref) => (
-
- ),
-);
-BreadcrumbItem.displayName = "BreadcrumbItem";
-
-const BreadcrumbLink = React.forwardRef<
- HTMLAnchorElement,
- React.ComponentPropsWithoutRef<"a"> & {
- asChild?: boolean;
- }
->(({ asChild, className, ...props }, ref) => {
- const Comp = asChild ? Slot : "a";
-
- return (
-
- );
-});
-BreadcrumbLink.displayName = "BreadcrumbLink";
-
-const BreadcrumbPage = React.forwardRef>(
- ({ className, ...props }, ref) => (
-
- ),
-);
-BreadcrumbPage.displayName = "BreadcrumbPage";
-
-const BreadcrumbSeparator = ({ children, className, ...props }: React.ComponentProps<"li">) => (
- svg]:w-3.5 [&>svg]:h-3.5", className)}
- {...props}
- >
- {children ?? }
-
-);
-BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
-
-const BreadcrumbEllipsis = ({ className, ...props }: React.ComponentProps<"span">) => (
-
-
- More
-
-);
-BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
-
-export {
- Breadcrumb,
- BreadcrumbList,
- BreadcrumbItem,
- BreadcrumbLink,
- BreadcrumbPage,
- BreadcrumbSeparator,
- BreadcrumbEllipsis,
-};
+export * from "@jsonbored/gittensory-ui-kit/components/breadcrumb";
diff --git a/apps/gittensory-ui/src/components/ui/button.tsx b/apps/gittensory-ui/src/components/ui/button.tsx
index 072df061cb..850f14aa5c 100644
--- a/apps/gittensory-ui/src/components/ui/button.tsx
+++ b/apps/gittensory-ui/src/components/ui/button.tsx
@@ -1,50 +1 @@
-import * as React from "react";
-import { Slot } from "@radix-ui/react-slot";
-import { cva, type VariantProps } from "class-variance-authority";
-
-import { cn } from "@/lib/utils";
-
-const buttonVariants = cva(
- "inline-flex min-w-0 items-center justify-center gap-2 whitespace-normal break-words rounded-token text-center text-token-sm font-medium leading-token-snug cursor-pointer transition-all duration-150 motion-reduce:transition-none motion-reduce:active:scale-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background active:scale-[0.99] disabled:pointer-events-none disabled:opacity-60 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
- {
- variants: {
- variant: {
- default: "bg-primary text-primary-foreground hover:bg-primary/90",
- accent: "bg-primary text-primary-foreground hover:brightness-110",
- destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
- outline:
- "border-hairline bg-transparent text-foreground hover:bg-muted hover:border-strong",
- secondary: "bg-muted text-foreground hover:bg-muted/70 border-hairline",
- ghost: "text-foreground hover:bg-muted",
- link: "h-auto p-0 text-foreground underline-offset-4 hover:underline active:scale-100",
- },
- size: {
- default: "min-h-9 px-4 py-2",
- sm: "min-h-8 px-3 py-1.5 text-token-xs",
- lg: "min-h-11 px-8 py-2.5",
- icon: "h-9 w-9 shrink-0 whitespace-nowrap p-0",
- },
- },
- defaultVariants: {
- variant: "default",
- size: "default",
- },
- },
-);
-
-export interface ButtonProps
- extends React.ButtonHTMLAttributes, VariantProps {
- asChild?: boolean;
-}
-
-const Button = React.forwardRef(
- ({ className, variant, size, asChild = false, ...props }, ref) => {
- const Comp = asChild ? Slot : "button";
- return (
-
- );
- },
-);
-Button.displayName = "Button";
-
-export { Button, buttonVariants };
+export * from "@jsonbored/gittensory-ui-kit/components/button";
diff --git a/apps/gittensory-ui/src/components/ui/calendar.tsx b/apps/gittensory-ui/src/components/ui/calendar.tsx
index 781f8853f2..6ee8c76987 100644
--- a/apps/gittensory-ui/src/components/ui/calendar.tsx
+++ b/apps/gittensory-ui/src/components/ui/calendar.tsx
@@ -1,177 +1 @@
-"use client";
-
-import * as React from "react";
-import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
-import { DayButton, DayPicker, getDefaultClassNames } from "react-day-picker";
-
-import { cn } from "@/lib/utils";
-import { Button, buttonVariants } from "@/components/ui/button";
-
-function Calendar({
- className,
- classNames,
- showOutsideDays = true,
- captionLayout = "label",
- buttonVariant = "ghost",
- formatters,
- components,
- ...props
-}: React.ComponentProps & {
- buttonVariant?: React.ComponentProps["variant"];
-}) {
- const defaultClassNames = getDefaultClassNames();
-
- return (
- svg]:rotate-180`,
- String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
- className,
- )}
- captionLayout={captionLayout}
- formatters={{
- formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
- ...formatters,
- }}
- classNames={{
- root: cn("w-fit", defaultClassNames.root),
- months: cn("relative flex flex-col gap-4 md:flex-row", defaultClassNames.months),
- month: cn("flex w-full flex-col gap-4", defaultClassNames.month),
- nav: cn(
- "absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",
- defaultClassNames.nav,
- ),
- button_previous: cn(
- buttonVariants({ variant: buttonVariant }),
- "h-(--cell-size) w-(--cell-size) select-none p-0 aria-disabled:opacity-50",
- defaultClassNames.button_previous,
- ),
- button_next: cn(
- buttonVariants({ variant: buttonVariant }),
- "h-(--cell-size) w-(--cell-size) select-none p-0 aria-disabled:opacity-50",
- defaultClassNames.button_next,
- ),
- month_caption: cn(
- "flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)",
- defaultClassNames.month_caption,
- ),
- dropdowns: cn(
- "flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium",
- defaultClassNames.dropdowns,
- ),
- dropdown_root: cn(
- "has-focus:border-ring border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] relative rounded-md border",
- defaultClassNames.dropdown_root,
- ),
- dropdown: cn("bg-popover absolute inset-0 opacity-0", defaultClassNames.dropdown),
- caption_label: cn(
- "select-none font-medium",
- captionLayout === "label"
- ? "text-sm"
- : "[&>svg]:text-muted-foreground flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5",
- defaultClassNames.caption_label,
- ),
- table: "w-full border-collapse",
- weekdays: cn("flex", defaultClassNames.weekdays),
- weekday: cn(
- "text-muted-foreground flex-1 select-none rounded-md text-[0.8rem] font-normal",
- defaultClassNames.weekday,
- ),
- week: cn("mt-2 flex w-full", defaultClassNames.week),
- week_number_header: cn("w-(--cell-size) select-none", defaultClassNames.week_number_header),
- week_number: cn(
- "text-muted-foreground select-none text-[0.8rem]",
- defaultClassNames.week_number,
- ),
- day: cn(
- "group/day relative aspect-square h-full w-full select-none p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md",
- defaultClassNames.day,
- ),
- range_start: cn("bg-accent rounded-l-md", defaultClassNames.range_start),
- range_middle: cn("rounded-none", defaultClassNames.range_middle),
- range_end: cn("bg-accent rounded-r-md", defaultClassNames.range_end),
- today: cn(
- "bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",
- defaultClassNames.today,
- ),
- outside: cn(
- "text-muted-foreground aria-selected:text-muted-foreground",
- defaultClassNames.outside,
- ),
- disabled: cn("text-muted-foreground opacity-50", defaultClassNames.disabled),
- hidden: cn("invisible", defaultClassNames.hidden),
- ...classNames,
- }}
- components={{
- Root: ({ className, rootRef, ...props }) => {
- return ;
- },
- Chevron: ({ className, orientation, ...props }) => {
- if (orientation === "left") {
- return ;
- }
-
- if (orientation === "right") {
- return ;
- }
-
- return ;
- },
- DayButton: CalendarDayButton,
- WeekNumber: ({ children, ...props }) => {
- return (
-
-
- {children}
-
- |
- );
- },
- ...components,
- }}
- {...props}
- />
- );
-}
-
-function CalendarDayButton({
- className,
- day,
- modifiers,
- ...props
-}: React.ComponentProps) {
- const defaultClassNames = getDefaultClassNames();
-
- const ref = React.useRef(null);
- React.useEffect(() => {
- if (modifiers.focused) ref.current?.focus();
- }, [modifiers.focused]);
-
- return (
-