@tablestore/tablestore-agent-cli 0.1.9 → 0.2.1

package/dist/dashboard-runtime/dashboard/src/components/ui/item-card.tsx

@@ -0,0 +1,88 @@
+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 iconAccent = cva(
+  "flex h-10 w-10 items-center justify-center rounded-lg text-xl [&>svg]:h-5 [&>svg]:w-5",
+  {
+    variants: {
+      iconAccent: {
+        primary: "bg-[hsl(var(--primary-soft))] text-[hsl(var(--primary))]",
+        success: "bg-[hsl(var(--success-soft))] text-[hsl(var(--success))]",
+        warning: "bg-[hsl(var(--warning-soft))] text-[hsl(var(--warning))]",
+        danger: "bg-[hsl(var(--danger-soft))] text-[hsl(var(--danger))]",
+        purple: "bg-[hsl(var(--purple-soft))] text-[hsl(var(--purple))]",
+      },
+    },
+    defaultVariants: {
+      iconAccent: "primary",
+    },
+  },
+)
+
+interface ItemCardProps
+  extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">,
+    VariantProps<typeof iconAccent> {
+  icon?: React.ReactNode
+  title: React.ReactNode
+  titleExtra?: React.ReactNode
+  description?: React.ReactNode
+  meta?: React.ReactNode
+  asChild?: boolean
+}
+
+export const ItemCard = React.forwardRef<HTMLDivElement, ItemCardProps>(
+  (
+    {
+      className,
+      icon,
+      iconAccent: accent,
+      title,
+      titleExtra,
+      description,
+      meta,
+      asChild = false,
+      children,
+      ...props
+    },
+    ref,
+  ) => {
+    const Comp = asChild ? Slot : "div"
+    return (
+      <Comp
+        ref={ref}
+        className={cn(
+          "group flex h-full cursor-pointer flex-col rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-5 transition-all hover:border-[hsl(var(--primary))] hover:shadow-primary-soft",
+          className,
+        )}
+        {...props}
+      >
+        {icon ? (
+          <div className={cn(iconAccent({ iconAccent: accent }), "mb-3")}>
+            {icon}
+          </div>
+        ) : null}
+        <div className="mb-1.5 flex items-center justify-between gap-2">
+          <span className="truncate text-[15px] font-semibold text-[hsl(var(--foreground))]">
+            {title}
+          </span>
+          {titleExtra ? <span className="shrink-0">{titleExtra}</span> : null}
+        </div>
+        {description ? (
+          <p className="mb-3 line-clamp-2 flex-1 text-[13px] text-[hsl(var(--muted-foreground))]">
+            {description}
+          </p>
+        ) : null}
+        {meta ? (
+          <div className="mt-auto flex flex-wrap items-center gap-3 text-xs text-[hsl(var(--subtle))]">
+            {meta}
+          </div>
+        ) : null}
+        {children}
+      </Comp>
+    )
+  },
+)
+ItemCard.displayName = "ItemCard"

package/dist/dashboard-runtime/dashboard/src/components/ui/label.tsx

@@ -5,7 +5,7 @@ import { cva, type VariantProps } from "class-variance-authority"
 import { cn } from "@/lib/utils"
 
 const labelVariants = cva(
-  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+  "text-sm font-medium leading-none text-[hsl(var(--foreground))] peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 )
 
 const Label = React.forwardRef<

package/dist/dashboard-runtime/dashboard/src/components/ui/memory-row.tsx

@@ -0,0 +1,63 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+export const MemoryRow = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn(
+      "group border-b border-[hsl(var(--border-light))] px-1 py-3.5 transition-colors last:border-b-0 hover:bg-[hsl(var(--background))]",
+      className,
+    )}
+    {...props}
+  />
+))
+MemoryRow.displayName = "MemoryRow"
+
+export const MemoryRowContent = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn(
+      "mb-1.5 text-sm leading-6 text-[hsl(var(--foreground))]",
+      className,
+    )}
+    {...props}
+  />
+))
+MemoryRowContent.displayName = "MemoryRowContent"
+
+export const MemoryRowMeta = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn(
+      "flex flex-wrap items-center gap-2.5 text-xs text-[hsl(var(--subtle))]",
+      className,
+    )}
+    {...props}
+  />
+))
+MemoryRowMeta.displayName = "MemoryRowMeta"
+
+export const MemoryRowActions = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn(
+      "ml-auto flex items-center gap-1 opacity-0 transition-opacity group-hover:opacity-100 focus-within:opacity-100",
+      className,
+    )}
+    {...props}
+  />
+))
+MemoryRowActions.displayName = "MemoryRowActions"

package/dist/dashboard-runtime/dashboard/src/components/ui/mini-stat.tsx

@@ -0,0 +1,48 @@
+import * as React from "react"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const miniStatValue = cva("text-lg font-bold leading-none", {
+  variants: {
+    accent: {
+      foreground: "text-[hsl(var(--foreground))]",
+      primary: "text-[hsl(var(--primary))]",
+      success: "text-[hsl(var(--success))]",
+      warning: "text-[hsl(var(--warning))]",
+      danger: "text-[hsl(var(--danger))]",
+      purple: "text-[hsl(var(--purple))]",
+    },
+  },
+  defaultVariants: {
+    accent: "foreground",
+  },
+})
+
+interface MiniStatProps
+  extends React.HTMLAttributes<HTMLDivElement>,
+    VariantProps<typeof miniStatValue> {
+  label: React.ReactNode
+  value: React.ReactNode
+}
+
+export function MiniStat({
+  className,
+  label,
+  value,
+  accent,
+  ...props
+}: MiniStatProps) {
+  return (
+    <div
+      className={cn(
+        "inline-flex min-w-[70px] flex-col items-center gap-1 rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-4 py-2",
+        className,
+      )}
+      {...props}
+    >
+      <span className="text-[11px] text-[hsl(var(--subtle))]">{label}</span>
+      <span className={cn(miniStatValue({ accent }))}>{value}</span>
+    </div>
+  )
+}

package/dist/dashboard-runtime/dashboard/src/components/ui/nav-tab-bar.tsx

@@ -0,0 +1,60 @@
+"use client"
+
+import * as React from "react"
+import Link from "next/link"
+import { usePathname } from "next/navigation"
+
+import { cn } from "@/lib/utils"
+
+interface NavTabBarProps extends React.HTMLAttributes<HTMLDivElement> {}
+
+export function NavTabBar({ className, children, ...props }: NavTabBarProps) {
+  return (
+    <nav
+      className={cn(
+        "flex items-center gap-6 border-b border-[hsl(var(--border))]",
+        className,
+      )}
+      role="tablist"
+      {...props}
+    >
+      {children}
+    </nav>
+  )
+}
+
+interface NavTabProps {
+  href: string
+  icon?: React.ReactNode
+  children: React.ReactNode
+  /** When true, only an exact path match is treated as active. */
+  exact?: boolean
+  className?: string
+}
+
+export function NavTab({ href, icon, children, exact, className }: NavTabProps) {
+  const pathname = usePathname()
+  const active = exact
+    ? pathname === href
+    : pathname === href || pathname?.startsWith(`${href}/`)
+
+  return (
+    <Link
+      href={href}
+      role="tab"
+      aria-selected={active}
+      data-state={active ? "active" : "inactive"}
+      className={cn(
+        "relative flex h-10 items-center gap-1.5 px-0 text-sm font-medium transition-colors",
+        "hover:text-[hsl(var(--foreground))]",
+        active
+          ? "font-semibold text-[hsl(var(--primary))] after:absolute after:inset-x-0 after:bottom-[-1px] after:h-[2px] after:bg-[hsl(var(--primary))]"
+          : "text-[hsl(var(--muted-foreground))]",
+        className,
+      )}
+    >
+      {icon ? <span className="[&>svg]:h-4 [&>svg]:w-4">{icon}</span> : null}
+      {children}
+    </Link>
+  )
+}

package/dist/dashboard-runtime/dashboard/src/components/ui/playground-shell.tsx

@@ -0,0 +1,69 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+export const PlaygroundLayout = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("flex h-[calc(100vh-3.5rem)] w-full", className)}
+    {...props}
+  />
+))
+PlaygroundLayout.displayName = "PlaygroundLayout"
+
+export const PlaygroundChat = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("flex flex-1 flex-col px-5 py-5", className)}
+    {...props}
+  />
+))
+PlaygroundChat.displayName = "PlaygroundChat"
+
+export const PlaygroundMessages = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("flex-1 overflow-y-auto py-4", className)}
+    {...props}
+  />
+))
+PlaygroundMessages.displayName = "PlaygroundMessages"
+
+export const PlaygroundInput = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn(
+      "border-t border-[hsl(var(--border))] pt-4",
+      className,
+    )}
+    {...props}
+  />
+))
+PlaygroundInput.displayName = "PlaygroundInput"
+
+export const PlaygroundSidebar = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <aside
+    ref={ref}
+    className={cn(
+      "w-[340px] shrink-0 overflow-y-auto border-l border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4",
+      className,
+    )}
+    {...props}
+  />
+))
+PlaygroundSidebar.displayName = "PlaygroundSidebar"

package/dist/dashboard-runtime/dashboard/src/components/ui/popover.tsx

@@ -21,7 +21,7 @@ const PopoverContent = React.forwardRef<
       align={align}
       sideOffset={sideOffset}
       className={cn(
-        "z-50 w-72 rounded-md border bg-[hsl(var(--popover))] p-4 text-[hsl(var(--popover-foreground))] shadow-md outline-none",
+        "z-50 w-72 rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--popover))] p-4 text-[hsl(var(--popover-foreground))] shadow-md outline-none",
         "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
         className
       )}

package/dist/dashboard-runtime/dashboard/src/components/ui/result-row.tsx

@@ -0,0 +1,37 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+interface ResultRowProps extends React.HTMLAttributes<HTMLDivElement> {
+  score?: number | string
+  scoreLabel?: React.ReactNode
+  meta?: React.ReactNode
+}
+
+export const ResultRow = React.forwardRef<HTMLDivElement, ResultRowProps>(
+  ({ className, score, scoreLabel, meta, children, ...props }, ref) => (
+    <div
+      ref={ref}
+      className={cn(
+        "mb-2.5 rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4 transition-colors hover:border-[hsl(var(--primary))]",
+        className,
+      )}
+      {...props}
+    >
+      {score !== undefined ? (
+        <div className="mb-1.5 flex items-center justify-between gap-3 text-xs">
+          <span className="font-semibold text-[hsl(var(--primary))]">
+            {scoreLabel ?? "score"} {score}
+          </span>
+          {meta ? (
+            <span className="text-[hsl(var(--subtle))]">{meta}</span>
+          ) : null}
+        </div>
+      ) : null}
+      <div className="text-sm leading-6 text-[hsl(var(--foreground))]">
+        {children}
+      </div>
+    </div>
+  ),
+)
+ResultRow.displayName = "ResultRow"

package/dist/dashboard-runtime/dashboard/src/components/ui/scope-tag.tsx

@@ -0,0 +1,30 @@
+import * as React from "react"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const scopeTagVariants = cva(
+  "inline-flex items-center gap-1 rounded px-2 py-0.5 text-[11px] font-medium",
+  {
+    variants: {
+      accent: {
+        primary: "bg-[hsl(var(--primary-soft))] text-[hsl(var(--primary))]",
+        success: "bg-[hsl(var(--success-soft))] text-[hsl(var(--success))]",
+        warning: "bg-[hsl(var(--warning-soft))] text-[hsl(var(--warning))]",
+        danger: "bg-[hsl(var(--danger-soft))] text-[hsl(var(--danger))]",
+        purple: "bg-[hsl(var(--purple-soft))] text-[hsl(var(--purple))]",
+      },
+    },
+    defaultVariants: {
+      accent: "primary",
+    },
+  },
+)
+
+interface ScopeTagProps
+  extends React.HTMLAttributes<HTMLSpanElement>,
+    VariantProps<typeof scopeTagVariants> {}
+
+export function ScopeTag({ className, accent, ...props }: ScopeTagProps) {
+  return <span className={cn(scopeTagVariants({ accent }), className)} {...props} />
+}

package/dist/dashboard-runtime/dashboard/src/components/ui/select.tsx

@@ -19,8 +19,8 @@ const SelectTrigger = React.forwardRef<
   <SelectPrimitive.Trigger
     ref={ref}
     className={cn(
-      "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
-      "bg-[hsl(var(--background))]",
+      "flex h-8 w-full items-center justify-between whitespace-nowrap rounded-md border border-[hsl(var(--border))] px-3 py-1 text-sm transition-colors data-[placeholder]:text-[hsl(var(--subtle))] focus:outline-none focus:border-[hsl(var(--primary))] focus:ring-2 focus:ring-[hsl(var(--primary)/0.2)] disabled:cursor-not-allowed disabled:bg-[hsl(var(--secondary))] disabled:text-[hsl(var(--muted-foreground))] [&>span]:line-clamp-1",
+      "bg-[hsl(var(--card))]",
       className
     )}
     {...props}
@@ -76,7 +76,7 @@ const SelectContent = React.forwardRef<
     <SelectPrimitive.Content
       ref={ref}
       className={cn(
-        "relative z-50 max-h-72 min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]",
+        "relative z-50 max-h-72 min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border border-[hsl(var(--border))] shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]",
         "bg-[hsl(var(--popover))] text-[hsl(var(--popover-foreground))]",
         position === "popper" &&
           "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
@@ -120,8 +120,9 @@ const SelectItem = React.forwardRef<
   <SelectPrimitive.Item
     ref={ref}
     className={cn(
-      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      "hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--accent-foreground))] focus:bg-[hsl(var(--accent))] focus:text-[hsl(var(--accent-foreground))]",
+      "relative flex w-full cursor-pointer select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "hover:bg-[hsl(var(--primary-soft))] hover:text-[hsl(var(--primary))] focus:bg-[hsl(var(--primary-soft))] focus:text-[hsl(var(--primary))]",
+      "data-[state=checked]:bg-[hsl(var(--primary-soft))] data-[state=checked]:text-[hsl(var(--primary))]",
       className
     )}
     {...props}

package/dist/dashboard-runtime/dashboard/src/components/ui/sheet.tsx

@@ -22,7 +22,7 @@ const SheetOverlay = React.forwardRef<
   <DialogPrimitive.Overlay
     ref={ref}
     className={cn(
-      "fixed inset-0 z-50 bg-black/60 backdrop-blur-sm duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      "fixed inset-0 z-50 bg-black/30 backdrop-blur-sm duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       className,
     )}
     {...props}
@@ -55,7 +55,7 @@ const SheetContent = React.forwardRef<
     <DialogPrimitive.Content
       ref={ref}
       className={cn(
-        "fixed z-50 flex flex-col gap-4 bg-[hsl(var(--background))] p-6 shadow-xl",
+        "fixed z-50 flex flex-col gap-4 bg-[hsl(var(--card))] p-6 shadow-md border-[hsl(var(--border))]",
         "duration-300 ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out",
         SIDE_STYLES[side],
         className,
@@ -97,7 +97,7 @@ const SheetTitle = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <DialogPrimitive.Title
     ref={ref}
-    className={cn("text-lg font-semibold leading-none tracking-tight", className)}
+    className={cn("text-base font-semibold leading-tight", className)}
     {...props}
   />
 ));
@@ -109,7 +109,7 @@ const SheetDescription = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <DialogPrimitive.Description
     ref={ref}
-    className={cn("text-sm text-muted-foreground", className)}
+    className={cn("text-sm text-[hsl(var(--muted-foreground))]", className)}
     {...props}
   />
 ));

package/dist/dashboard-runtime/dashboard/src/components/ui/sonner.tsx

@@ -13,7 +13,7 @@ const Toaster = ({ ...props }: ToasterProps) => {
       toastOptions={{
         classNames: {
           toast:
-            "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
+            "group toast group-[.toaster]:bg-card group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:rounded-md group-[.toaster]:shadow-md",
           description: "group-[.toast]:text-muted-foreground",
           actionButton:
             "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",

package/dist/dashboard-runtime/dashboard/src/components/ui/stat-card.tsx

@@ -0,0 +1,58 @@
+import * as React from "react"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const valueAccent = cva("text-3xl font-bold leading-none", {
+  variants: {
+    accent: {
+      foreground: "text-[hsl(var(--foreground))]",
+      primary: "text-[hsl(var(--primary))]",
+      success: "text-[hsl(var(--success))]",
+      warning: "text-[hsl(var(--warning))]",
+      danger: "text-[hsl(var(--danger))]",
+      purple: "text-[hsl(var(--purple))]",
+    },
+  },
+  defaultVariants: {
+    accent: "foreground",
+  },
+})
+
+interface StatCardProps
+  extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">,
+    VariantProps<typeof valueAccent> {
+  title: React.ReactNode
+  value: React.ReactNode
+  sub?: React.ReactNode
+  icon?: React.ReactNode
+}
+
+export function StatCard({
+  title,
+  value,
+  sub,
+  icon,
+  accent,
+  className,
+  ...props
+}: StatCardProps) {
+  return (
+    <div
+      className={cn(
+        "rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-5 transition-shadow hover:shadow-md",
+        className,
+      )}
+      {...props}
+    >
+      <div className="mb-2 flex items-center gap-1.5 text-[13px] text-[hsl(var(--muted-foreground))]">
+        {icon ? <span className="[&>svg]:h-3.5 [&>svg]:w-3.5">{icon}</span> : null}
+        <span>{title}</span>
+      </div>
+      <div className={cn(valueAccent({ accent }))}>{value}</div>
+      {sub ? (
+        <div className="mt-1 text-xs text-[hsl(var(--subtle))]">{sub}</div>
+      ) : null}
+    </div>
+  )
+}

package/dist/dashboard-runtime/dashboard/src/components/ui/table.tsx

@@ -20,7 +20,14 @@ const TableHeader = React.forwardRef<
   HTMLTableSectionElement,
   React.HTMLAttributes<HTMLTableSectionElement>
 >(({ className, ...props }, ref) => (
-  <thead ref={ref} className={cn("[&_tr]:border-b", className)} {...props} />
+  <thead
+    ref={ref}
+    className={cn(
+      "[&_tr]:border-b [&_tr]:border-[hsl(var(--border))] [&_tr]:bg-[hsl(var(--secondary))]",
+      className,
+    )}
+    {...props}
+  />
 ))
 TableHeader.displayName = "TableHeader"
 
@@ -43,7 +50,7 @@ const TableFooter = React.forwardRef<
   <tfoot
     ref={ref}
     className={cn(
-      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+      "border-t border-[hsl(var(--border))] bg-[hsl(var(--secondary)/0.5)] font-medium [&>tr]:last:border-b-0",
       className
     )}
     {...props}
@@ -58,7 +65,7 @@ const TableRow = React.forwardRef<
   <tr
     ref={ref}
     className={cn(
-      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+      "border-b border-[hsl(var(--border-light))] transition-colors hover:bg-[hsl(var(--secondary)/0.5)] data-[state=selected]:bg-[hsl(var(--primary-soft))]",
       className
     )}
     {...props}
@@ -73,7 +80,7 @@ const TableHead = React.forwardRef<
   <th
     ref={ref}
     className={cn(
-      "h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      "h-9 px-3 text-left align-middle text-xs font-medium text-[hsl(var(--muted-foreground))] [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
       className
     )}
     {...props}
@@ -88,7 +95,7 @@ const TableCell = React.forwardRef<
   <td
     ref={ref}
     className={cn(
-      "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      "px-3 py-2 align-middle text-sm [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
       className
     )}
     {...props}
@@ -102,7 +109,7 @@ const TableCaption = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <caption
     ref={ref}
-    className={cn("mt-4 text-sm text-muted-foreground", className)}
+    className={cn("mt-4 text-sm text-[hsl(var(--muted-foreground))]", className)}
     {...props}
   />
 ))

package/dist/dashboard-runtime/dashboard/src/components/ui/textarea.tsx

@@ -9,7 +9,10 @@ const Textarea = React.forwardRef<
   return (
     <textarea
       className={cn(
-        "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "flex min-h-[64px] w-full rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-3 py-2 text-sm transition-colors",
+        "placeholder:text-[hsl(var(--subtle))]",
+        "focus-visible:outline-none focus-visible:border-[hsl(var(--primary))] focus-visible:ring-2 focus-visible:ring-[hsl(var(--primary)/0.2)] focus-visible:ring-offset-0",
+        "disabled:cursor-not-allowed disabled:bg-[hsl(var(--secondary))] disabled:text-[hsl(var(--muted-foreground))]",
         className
       )}
       ref={ref}

package/dist/dashboard-runtime/dashboard/src/components/ui/tooltip.tsx

@@ -18,7 +18,7 @@ const TooltipContent = React.forwardRef<
       ref={ref}
       sideOffset={sideOffset}
       className={cn(
-        "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]",
+        "z-50 overflow-hidden rounded-md bg-[hsl(var(--foreground))] px-2.5 py-1 text-xs text-[hsl(var(--background))] shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]",
         className
       )}
       {...props}