@tablestore/tablestore-agent-cli 0.1.8 → 0.2.0

package/dist/dashboard-runtime/dashboard/src/components/ui/filter-pill.tsx

@@ -0,0 +1,90 @@
+"use client"
+
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+interface FilterPillGroupContextValue {
+  value: string
+  onValueChange: (value: string) => void
+}
+
+const FilterPillGroupContext = React.createContext<FilterPillGroupContextValue | null>(
+  null,
+)
+
+interface FilterPillGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+  value: string
+  onValueChange: (value: string) => void
+}
+
+export function FilterPillGroup({
+  value,
+  onValueChange,
+  className,
+  children,
+  ...props
+}: FilterPillGroupProps) {
+  return (
+    <FilterPillGroupContext.Provider value={{ value, onValueChange }}>
+      <div
+        role="radiogroup"
+        className={cn("flex flex-wrap items-center gap-2", className)}
+        {...props}
+      >
+        {children}
+      </div>
+    </FilterPillGroupContext.Provider>
+  )
+}
+
+interface FilterPillProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  value: string
+  count?: number
+}
+
+export const FilterPill = React.forwardRef<HTMLButtonElement, FilterPillProps>(
+  ({ className, value, count, children, onClick, ...props }, ref) => {
+    const ctx = React.useContext(FilterPillGroupContext)
+    if (!ctx) {
+      throw new Error("FilterPill must be used within FilterPillGroup")
+    }
+    const active = ctx.value === value
+    return (
+      <button
+        ref={ref}
+        type="button"
+        role="radio"
+        aria-checked={active}
+        data-state={active ? "on" : "off"}
+        onClick={(e) => {
+          ctx.onValueChange(value)
+          onClick?.(e)
+        }}
+        className={cn(
+          "inline-flex items-center gap-1.5 rounded-full border px-3.5 py-1 text-[13px] transition-colors",
+          active
+            ? "border-[hsl(var(--foreground))] bg-[hsl(var(--foreground))] text-[hsl(var(--background))]"
+            : "border-[hsl(var(--border))] bg-[hsl(var(--card))] text-[hsl(var(--muted-foreground))] hover:border-[hsl(var(--muted-foreground))]",
+          className,
+        )}
+        {...props}
+      >
+        <span>{children}</span>
+        {typeof count === "number" ? (
+          <span
+            className={cn(
+              "rounded-full px-1.5 text-[11px] font-medium leading-tight",
+              active
+                ? "bg-[hsl(var(--background)/0.15)]"
+                : "bg-[hsl(var(--secondary))]",
+            )}
+          >
+            {count}
+          </span>
+        ) : null}
+      </button>
+    )
+  },
+)
+FilterPill.displayName = "FilterPill"

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

@@ -0,0 +1,178 @@
+"use client"
+
+import * as React from "react"
+import * as LabelPrimitive from "@radix-ui/react-label"
+import { Slot } from "@radix-ui/react-slot"
+import {
+  Controller,
+  FormProvider,
+  useFormContext,
+  type ControllerProps,
+  type FieldPath,
+  type FieldValues,
+} from "react-hook-form"
+
+import { cn } from "@/lib/utils"
+import { Label } from "@/components/ui/label"
+
+const Form = FormProvider
+
+type FormFieldContextValue<
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
+> = {
+  name: TName
+}
+
+const FormFieldContext = React.createContext<FormFieldContextValue | null>(null)
+
+const FormField = <
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
+>({
+  ...props
+}: ControllerProps<TFieldValues, TName>) => {
+  return (
+    <FormFieldContext.Provider value={{ name: props.name }}>
+      <Controller {...props} />
+    </FormFieldContext.Provider>
+  )
+}
+
+const useFormField = () => {
+  const fieldContext = React.useContext(FormFieldContext)
+  const itemContext = React.useContext(FormItemContext)
+  const { getFieldState, formState } = useFormContext()
+
+  if (!fieldContext) {
+    throw new Error("useFormField should be used within <FormField>")
+  }
+
+  if (!itemContext) {
+    throw new Error("useFormField should be used within <FormItem>")
+  }
+
+  const fieldState = getFieldState(fieldContext.name, formState)
+
+  const { id } = itemContext
+
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState,
+  }
+}
+
+type FormItemContextValue = {
+  id: string
+}
+
+const FormItemContext = React.createContext<FormItemContextValue | null>(null)
+
+const FormItem = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => {
+  const id = React.useId()
+
+  return (
+    <FormItemContext.Provider value={{ id }}>
+      <div ref={ref} className={cn("space-y-1.5 mb-4", className)} {...props} />
+    </FormItemContext.Provider>
+  )
+})
+FormItem.displayName = "FormItem"
+
+const FormLabel = React.forwardRef<
+  React.ElementRef<typeof LabelPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>
+>(({ className, ...props }, ref) => {
+  const { error, formItemId } = useFormField()
+
+  return (
+    <Label
+      ref={ref}
+      className={cn(error && "text-[hsl(var(--destructive))]", className)}
+      htmlFor={formItemId}
+      {...props}
+    />
+  )
+})
+FormLabel.displayName = "FormLabel"
+
+const FormControl = React.forwardRef<
+  React.ElementRef<typeof Slot>,
+  React.ComponentPropsWithoutRef<typeof Slot>
+>(({ ...props }, ref) => {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField()
+
+  return (
+    <Slot
+      ref={ref}
+      id={formItemId}
+      aria-describedby={
+        !error
+          ? `${formDescriptionId}`
+          : `${formDescriptionId} ${formMessageId}`
+      }
+      aria-invalid={!!error}
+      {...props}
+    />
+  )
+})
+FormControl.displayName = "FormControl"
+
+const FormDescription = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, ...props }, ref) => {
+  const { formDescriptionId } = useFormField()
+
+  return (
+    <p
+      ref={ref}
+      id={formDescriptionId}
+      className={cn("text-xs text-[hsl(var(--muted-foreground))]", className)}
+      {...props}
+    />
+  )
+})
+FormDescription.displayName = "FormDescription"
+
+const FormMessage = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, children, ...props }, ref) => {
+  const { error, formMessageId } = useFormField()
+  const body = error ? String(error?.message ?? "") : children
+
+  if (!body) {
+    return null
+  }
+
+  return (
+    <p
+      ref={ref}
+      id={formMessageId}
+      className={cn("text-xs font-medium text-[hsl(var(--destructive))]", className)}
+      {...props}
+    >
+      {body}
+    </p>
+  )
+})
+FormMessage.displayName = "FormMessage"
+
+export {
+  useFormField,
+  Form,
+  FormItem,
+  FormLabel,
+  FormControl,
+  FormDescription,
+  FormMessage,
+  FormField,
+}

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

@@ -0,0 +1,26 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Input = React.forwardRef<HTMLInputElement, React.ComponentProps<"input">>(
+  ({ className, type, ...props }, ref) => {
+    return (
+      <input
+        type={type}
+        className={cn(
+          "flex h-8 w-full rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-3 py-1 text-sm transition-colors",
+          "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground",
+          "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}
+        {...props}
+      />
+    )
+  }
+)
+Input.displayName = "Input"
+
+export { Input }

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

@@ -0,0 +1,24 @@
+import * as React from "react"
+import * as LabelPrimitive from "@radix-ui/react-label"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const labelVariants = cva(
+  "text-sm font-medium leading-none text-[hsl(var(--foreground))] peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+)
+
+const Label = React.forwardRef<
+  React.ElementRef<typeof LabelPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &
+    VariantProps<typeof labelVariants>
+>(({ className, ...props }, ref) => (
+  <LabelPrimitive.Root
+    ref={ref}
+    className={cn(labelVariants(), className)}
+    {...props}
+  />
+))
+Label.displayName = LabelPrimitive.Root.displayName
+
+export { Label }

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

@@ -0,0 +1,34 @@
+"use client"
+
+import * as React from "react"
+import * as PopoverPrimitive from "@radix-ui/react-popover"
+
+import { cn } from "@/lib/utils"
+
+const Popover = PopoverPrimitive.Root
+
+const PopoverTrigger = PopoverPrimitive.Trigger
+
+const PopoverAnchor = PopoverPrimitive.Anchor
+
+const PopoverContent = React.forwardRef<
+  React.ElementRef<typeof PopoverPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>
+>(({ className, align = "center", sideOffset = 4, ...props }, ref) => (
+  <PopoverPrimitive.Portal>
+    <PopoverPrimitive.Content
+      ref={ref}
+      align={align}
+      sideOffset={sideOffset}
+      className={cn(
+        "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
+      )}
+      {...props}
+    />
+  </PopoverPrimitive.Portal>
+))
+PopoverContent.displayName = PopoverPrimitive.Content.displayName
+
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }