@tablestore/tablestore-agent-cli 0.1.8 → 0.2.0

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

@@ -0,0 +1,127 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Table = React.forwardRef<
+  HTMLTableElement,
+  React.HTMLAttributes<HTMLTableElement>
+>(({ className, ...props }, ref) => (
+  <div className="relative w-full overflow-auto">
+    <table
+      ref={ref}
+      className={cn("w-full caption-bottom text-sm", className)}
+      {...props}
+    />
+  </div>
+))
+Table.displayName = "Table"
+
+const TableHeader = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <thead
+    ref={ref}
+    className={cn(
+      "[&_tr]:border-b [&_tr]:border-[hsl(var(--border))] [&_tr]:bg-[hsl(var(--secondary))]",
+      className,
+    )}
+    {...props}
+  />
+))
+TableHeader.displayName = "TableHeader"
+
+const TableBody = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tbody
+    ref={ref}
+    className={cn("[&_tr:last-child]:border-0", className)}
+    {...props}
+  />
+))
+TableBody.displayName = "TableBody"
+
+const TableFooter = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tfoot
+    ref={ref}
+    className={cn(
+      "border-t border-[hsl(var(--border))] bg-[hsl(var(--secondary)/0.5)] font-medium [&>tr]:last:border-b-0",
+      className
+    )}
+    {...props}
+  />
+))
+TableFooter.displayName = "TableFooter"
+
+const TableRow = React.forwardRef<
+  HTMLTableRowElement,
+  React.HTMLAttributes<HTMLTableRowElement>
+>(({ className, ...props }, ref) => (
+  <tr
+    ref={ref}
+    className={cn(
+      "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}
+  />
+))
+TableRow.displayName = "TableRow"
+
+const TableHead = React.forwardRef<
+  HTMLTableCellElement,
+  React.ThHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <th
+    ref={ref}
+    className={cn(
+      "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}
+  />
+))
+TableHead.displayName = "TableHead"
+
+const TableCell = React.forwardRef<
+  HTMLTableCellElement,
+  React.TdHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <td
+    ref={ref}
+    className={cn(
+      "px-3 py-2 align-middle text-sm [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      className
+    )}
+    {...props}
+  />
+))
+TableCell.displayName = "TableCell"
+
+const TableCaption = React.forwardRef<
+  HTMLTableCaptionElement,
+  React.HTMLAttributes<HTMLTableCaptionElement>
+>(({ className, ...props }, ref) => (
+  <caption
+    ref={ref}
+    className={cn("mt-4 text-sm text-[hsl(var(--muted-foreground))]", className)}
+    {...props}
+  />
+))
+TableCaption.displayName = "TableCaption"
+
+export {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableHead,
+  TableRow,
+  TableCell,
+  TableCaption,
+}

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

@@ -0,0 +1,69 @@
+import * as React from "react"
+import * as TabsPrimitive from "@radix-ui/react-tabs"
+
+import { cn } from "@/lib/utils"
+
+const Tabs = TabsPrimitive.Root
+
+const TabsList = React.forwardRef<
+  React.ElementRef<typeof TabsPrimitive.List>,
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.List
+    ref={ref}
+    className={cn(
+      // Slightly stronger container: inset shadow + border separates it from the
+      // surrounding surface so the segmented control reads as one unified control
+      // even when the parent is `bg-background` (dialogs, popovers).
+      "inline-flex h-10 items-center justify-center rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--secondary))] p-1 text-muted-foreground shadow-[inset_0_1px_2px_rgba(15,23,42,0.04)]",
+      className
+    )}
+    {...props}
+  />
+))
+TabsList.displayName = TabsPrimitive.List.displayName
+
+const TabsTrigger = React.forwardRef<
+  React.ElementRef<typeof TabsPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.Trigger
+    ref={ref}
+    className={cn(
+      // Base: muted color, no chrome.
+      "inline-flex h-8 items-center justify-center gap-1.5 whitespace-nowrap rounded-md px-3.5 text-sm font-medium",
+      "ring-offset-[hsl(var(--background))] transition-all duration-150",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      "disabled:pointer-events-none disabled:opacity-50",
+      // Hover for inactive: a hint that this is interactive.
+      "hover:text-foreground",
+      // Active: lifted card with border + shadow so the boundary is unambiguous
+      // on any background. Uses the canonical primary tint for the label so the
+      // active tab also carries brand colour, not just elevation.
+      "data-[state=active]:bg-[hsl(var(--background))]",
+      "data-[state=active]:text-[hsl(var(--primary))]",
+      "data-[state=active]:shadow-[0_1px_2px_rgba(15,23,42,0.08),0_0_0_1px_hsl(var(--border))]",
+      "data-[state=active]:font-semibold",
+      className
+    )}
+    {...props}
+  />
+))
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName
+
+const TabsContent = React.forwardRef<
+  React.ElementRef<typeof TabsPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.Content
+    ref={ref}
+    className={cn(
+      "mt-3 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      className
+    )}
+    {...props}
+  />
+))
+TabsContent.displayName = TabsPrimitive.Content.displayName
+
+export { Tabs, TabsList, TabsTrigger, TabsContent }

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

@@ -0,0 +1,25 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Textarea = React.forwardRef<
+  HTMLTextAreaElement,
+  React.ComponentProps<"textarea">
+>(({ className, ...props }, ref) => {
+  return (
+    <textarea
+      className={cn(
+        "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}
+      {...props}
+    />
+  )
+})
+Textarea.displayName = "Textarea"
+
+export { Textarea }

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

@@ -0,0 +1,30 @@
+import * as React from "react"
+import * as TooltipPrimitive from "@radix-ui/react-tooltip"
+
+import { cn } from "@/lib/utils"
+
+const TooltipProvider = TooltipPrimitive.Provider
+
+const Tooltip = TooltipPrimitive.Root
+
+const TooltipTrigger = TooltipPrimitive.Trigger
+
+const TooltipContent = React.forwardRef<
+  React.ElementRef<typeof TooltipPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>
+>(({ className, sideOffset = 4, ...props }, ref) => (
+  <TooltipPrimitive.Portal>
+    <TooltipPrimitive.Content
+      ref={ref}
+      sideOffset={sideOffset}
+      className={cn(
+        "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}
+    />
+  </TooltipPrimitive.Portal>
+))
+TooltipContent.displayName = TooltipPrimitive.Content.displayName
+
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }

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

@@ -0,0 +1,43 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+interface UsageItem {
+  label: React.ReactNode
+  value: React.ReactNode
+}
+
+interface UsageCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+  title?: React.ReactNode
+  items: UsageItem[]
+}
+
+export function UsageCard({
+  title = "Usage",
+  items,
+  className,
+  ...props
+}: UsageCardProps) {
+  return (
+    <div
+      className={cn(
+        "rounded-md bg-[hsl(var(--background))] p-3 text-xs",
+        className,
+      )}
+      {...props}
+    >
+      <div className="mb-1.5 font-semibold text-[hsl(var(--muted-foreground))]">
+        {title}
+      </div>
+      {items.map((item, i) => (
+        <div
+          key={i}
+          className="flex justify-between text-[hsl(var(--subtle))] last:mb-0"
+        >
+          <span>{item.label}</span>
+          <span>{item.value}</span>
+        </div>
+      ))}
+    </div>
+  )
+}

package/dist/dashboard-runtime/dashboard/src/config/navigation.ts

@@ -0,0 +1,80 @@
+import type { LucideIcon } from "lucide-react";
+import {
+  Brain,
+  Database,
+  FolderKanban,
+  MessageSquare,
+  Sparkles,
+} from "lucide-react";
+
+export interface NavItem {
+  title: string;
+  href: string;
+  badge?: string;
+}
+
+export interface SidebarNavItem {
+  title: string;
+  href: string | null;
+  icon: LucideIcon;
+  comingSoon?: boolean;
+  tooltip?: string;
+}
+
+export interface SidebarGroup {
+  /** Group heading shown above the items (uppercase tracking small caps in UI). */
+  title: string;
+  items: SidebarNavItem[];
+}
+
+/**
+ * Sidebar groups in webUI order. Only routes that the dashboard actually
+ * implements appear here — `/projects` lands under ACCOUNT alongside the
+ * model configuration entry, mirroring webUI's "ACCOUNT" section.
+ */
+export const sidebarGroups: SidebarGroup[] = [
+  {
+    title: "对话",
+    items: [
+      { title: "对话智能体", href: "/chat", icon: MessageSquare },
+    ],
+  },
+  {
+    title: "知识库",
+    items: [
+      { title: "知识库管理", href: "/knowledge-base", icon: Database },
+    ],
+  },
+  {
+    title: "记忆库",
+    items: [
+      { title: "记忆库管理", href: "/memory", icon: Brain },
+    ],
+  },
+  {
+    title: "配置",
+    items: [
+      { title: "模型提供商", href: "/llm-providers", icon: Sparkles },
+      { title: "项目管理", href: "/projects", icon: FolderKanban },
+    ],
+  },
+];
+
+/**
+ * Flat list derived from the grouped structure. Kept exported because the
+ * mobile sidebar and a handful of legacy callers iterate the flat sequence.
+ */
+export const sidebarNav: SidebarNavItem[] = sidebarGroups.flatMap(
+  (group) => group.items,
+);
+
+/** @deprecated retained for backwards compatibility — moved into `sidebarGroups`. */
+export const sidebarResources: SidebarNavItem[] = [];
+
+/**
+ * @deprecated Kept for backwards compatibility; prefer `sidebarGroups`.
+ */
+export const mainNav: NavItem[] = [
+  { title: "知识库", href: "/knowledge-base" },
+  { title: "记忆库", href: "/memory" },
+];

package/dist/dashboard-runtime/dashboard/src/hooks/use-active-instance.ts

@@ -0,0 +1,20 @@
+"use client";
+
+import { useRuntimeContext } from "@/providers/runtime-context-provider";
+
+export interface ActiveInstanceState {
+  activeInstance: string | null;
+  ready: boolean;
+  dataScopeKey: string;
+  configRevision: string;
+}
+
+export function useActiveInstance(): ActiveInstanceState {
+  const { context, ready } = useRuntimeContext();
+  return {
+    activeInstance: context.activeInstance,
+    ready,
+    dataScopeKey: context.dataScopeKey,
+    configRevision: context.configRevision,
+  };
+}

package/dist/dashboard-runtime/dashboard/src/hooks/use-add-memory.ts

@@ -1,16 +1,15 @@
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { addMemory } from "@/services/memory";
 import type { AddMemoryRequest } from "@/types/memory";
+import { invalidateMemoryQueries } from "@/lib/query-keys";
 
 export function useAddMemory() {
   const queryClient = useQueryClient();
 
   return useMutation({
     mutationFn: (request: AddMemoryRequest) => addMemory(request),
-    onSuccess: (_data, variables) => {
-      queryClient.invalidateQueries({ queryKey: ["memory", "stores", variables.memoryStoreName, "units"] });
-      queryClient.invalidateQueries({ queryKey: ["memory", "stores", variables.memoryStoreName, "requests"] });
-      queryClient.invalidateQueries({ queryKey: ["memory", "stores", variables.memoryStoreName, "messages"] });
+    onSuccess: () => {
+      invalidateMemoryQueries(queryClient);
     },
   });
 }