@jiangxiaosheng/digital-agent-platform 1.0.0

package/src/components/ui/directory-picker.tsx

@@ -0,0 +1,185 @@
+"use client";
+
+import { useState, useCallback } from "react";
+import { Folder, FolderOpen, ChevronRight, ChevronUp, Home, Check } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from "@/components/ui/dialog";
+import { ScrollArea } from "@/components/ui/scroll-area";
+import { cn } from "@/lib/utils";
+
+interface BrowseResult {
+  current: string;
+  display: string;
+  breadcrumb: { label: string; path: string }[];
+  entries: { name: string; path: string }[];
+  canGoUp: boolean;
+  parent: string;
+}
+
+interface DirectoryPickerProps {
+  value: string;
+  onChange: (path: string) => void;
+  placeholder?: string;
+}
+
+export function DirectoryPicker({ value, onChange, placeholder }: DirectoryPickerProps) {
+  const [open, setOpen] = useState(false);
+  const [result, setResult] = useState<BrowseResult | null>(null);
+  const [loading, setLoading] = useState(false);
+  const [selected, setSelected] = useState<string>("");
+
+  const browse = useCallback(async (p: string) => {
+    setLoading(true);
+    try {
+      const res = await fetch(`/api/fs/browse?path=${encodeURIComponent(p)}`);
+      const data: BrowseResult = await res.json();
+      setResult(data);
+      
+    } catch {
+      // ignore
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+
+  const handleOpen = () => {
+    const startPath = value?.trim().replace(/^~/, "~") || "~";
+    setSelected(value || "");
+    browse(startPath.replace(/^~/, "") ? startPath : "~");
+    setOpen(true);
+  };
+
+  const handleConfirm = () => {
+    onChange(selected || result?.current || "");
+    setOpen(false);
+  };
+
+  return (
+    <>
+      {/* 触发区：文本输入 + 选择按钮 */}
+      <div className="flex gap-2">
+        <Input
+          value={value}
+          onChange={(e) => onChange(e.target.value)}
+          placeholder={placeholder ?? "~/projects/my-project"}
+          className="font-mono text-sm flex-1"
+        />
+        <Button type="button" variant="outline" size="sm" onClick={handleOpen} className="shrink-0 gap-1.5">
+          <FolderOpen className="h-4 w-4" />
+          浏览
+        </Button>
+      </div>
+
+      {/* 目录浏览 Dialog */}
+      <Dialog open={open} onOpenChange={setOpen}>
+        <DialogContent className="max-w-lg p-0 gap-0">
+          <DialogHeader className="px-4 pt-4 pb-3 border-b">
+            <DialogTitle className="text-base">选择工作区目录</DialogTitle>
+          </DialogHeader>
+
+          {/* 面包屑导航 */}
+          <div className="flex items-center gap-1 px-3 py-2 border-b bg-secondary/30 flex-wrap">
+            <button
+              type="button"
+              onClick={() => browse("~")}
+              className="flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground transition-colors"
+            >
+              <Home className="h-3.5 w-3.5" />
+            </button>
+            {result?.breadcrumb.slice(1).map((b, i) => (
+              <span key={i} className="flex items-center gap-1">
+                <ChevronRight className="h-3 w-3 text-muted-foreground" />
+                <button
+                  type="button"
+                  onClick={() => browse(b.path)}
+                  className="text-xs text-muted-foreground hover:text-foreground transition-colors max-w-[120px] truncate"
+                >
+                  {b.label}
+                </button>
+              </span>
+            ))}
+          </div>
+
+          {/* 目录列表 */}
+          <ScrollArea className="h-64">
+            <div className="p-2 space-y-0.5">
+              {/* 返回上级 */}
+              {result?.canGoUp && (
+                <button
+                  type="button"
+                  onClick={() => browse(result.parent)}
+                  className="w-full flex items-center gap-2.5 rounded-lg px-3 py-2 text-sm text-muted-foreground hover:bg-secondary/60 transition-colors"
+                >
+                  <ChevronUp className="h-4 w-4" />
+                  <span className="text-xs">返回上级</span>
+                </button>
+              )}
+
+              {loading && !result && (
+                <p className="text-sm text-muted-foreground text-center py-8">加载中…</p>
+              )}
+
+              {!loading && result?.entries.length === 0 && (
+                <p className="text-sm text-muted-foreground text-center py-8">此目录为空</p>
+              )}
+
+              {result?.entries.map((entry) => {
+                const isSelected = selected === entry.path;
+                return (
+                  <div key={entry.path} className="flex items-center group">
+                    <button
+                      type="button"
+                      onClick={() => setSelected(entry.path)}
+                      onDoubleClick={() => browse(entry.path)}
+                      className={cn(
+                        "flex-1 flex items-center gap-2.5 rounded-lg px-3 py-2 text-sm transition-colors text-left",
+                        isSelected
+                          ? "bg-[#57BE6B]/15 dark:bg-[#57BE6B]/20 border border-[#57BE6B]/40"
+                          : "hover:bg-secondary/60 border border-transparent",
+                      )}
+                    >
+                      <Folder className={cn("h-4 w-4 shrink-0", isSelected ? "text-[#57BE6B]" : "text-amber-500")} />
+                      <span className="truncate font-medium">{entry.name}</span>
+                      {isSelected && <Check className="ml-auto h-3.5 w-3.5 text-[#57BE6B] shrink-0" />}
+                    </button>
+                    {/* 双击进入 / 点击箭头进入 */}
+                    <button
+                      type="button"
+                      onClick={() => browse(entry.path)}
+                      className="opacity-0 group-hover:opacity-100 p-2 text-muted-foreground hover:text-foreground transition-all"
+                      title="进入目录"
+                    >
+                      <ChevronRight className="h-4 w-4" />
+                    </button>
+                  </div>
+                );
+              })}
+            </div>
+          </ScrollArea>
+
+          {/* 当前选中路径显示 */}
+          <div className="px-4 py-2.5 border-t bg-secondary/20">
+            <div className="flex items-center gap-2">
+              <span className="text-xs text-muted-foreground shrink-0">选中：</span>
+              <code className="text-xs font-mono text-foreground truncate flex-1">
+                {selected || result?.current || "未选择"}
+              </code>
+            </div>
+          </div>
+
+          <DialogFooter className="px-4 py-3 border-t">
+            <Button variant="outline" onClick={() => setOpen(false)}>取消</Button>
+            <Button
+              onClick={handleConfirm}
+              disabled={!selected && !result?.current}
+            >
+              <FolderOpen className="mr-2 h-4 w-4" />
+              选择此目录
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </>
+  );
+}

package/src/components/ui/input.tsx

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { cn } from "@/lib/utils";
+
+const Input = React.forwardRef<HTMLInputElement, React.InputHTMLAttributes<HTMLInputElement>>(
+  ({ className, type, ...props }, ref) => (
+    <input
+      type={type}
+      className={cn(
+        "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      )}
+      ref={ref}
+      {...props}
+    />
+  )
+);
+Input.displayName = "Input";
+export { Input };

package/src/components/ui/label.tsx

@@ -0,0 +1,16 @@
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cn } from "@/lib/utils";
+
+const Label = React.forwardRef<
+  React.ElementRef<typeof LabelPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>
+>(({ className, ...props }, ref) => (
+  <LabelPrimitive.Root
+    ref={ref}
+    className={cn("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", className)}
+    {...props}
+  />
+));
+Label.displayName = LabelPrimitive.Root.displayName;
+export { Label };

package/src/components/ui/scroll-area.tsx

@@ -0,0 +1,41 @@
+"use client";
+
+import * as React from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import { cn } from "@/lib/utils";
+
+const ScrollArea = React.forwardRef<
+  React.ElementRef<typeof ScrollAreaPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>
+>(({ className, children, ...props }, ref) => (
+  <ScrollAreaPrimitive.Root ref={ref} className={cn("relative overflow-hidden", className)} {...props}>
+    <ScrollAreaPrimitive.Viewport className="h-full w-full rounded-[inherit]">
+      {children}
+    </ScrollAreaPrimitive.Viewport>
+    <ScrollBar />
+    <ScrollAreaPrimitive.Corner />
+  </ScrollAreaPrimitive.Root>
+));
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+
+const ScrollBar = React.forwardRef<
+  React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,
+  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>
+>(({ className, orientation = "vertical", ...props }, ref) => (
+  <ScrollAreaPrimitive.ScrollAreaScrollbar
+    ref={ref}
+    orientation={orientation}
+    className={cn(
+      "flex touch-none select-none transition-colors",
+      orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      className
+    )}
+    {...props}
+  >
+    <ScrollAreaPrimitive.ScrollAreaThumb className="relative flex-1 rounded-full bg-border" />
+  </ScrollAreaPrimitive.ScrollAreaScrollbar>
+));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+
+export { ScrollArea, ScrollBar };

package/src/components/ui/select.tsx

@@ -0,0 +1,93 @@
+"use client";
+
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { Check, ChevronDown } from "lucide-react";
+import { cn } from "@/lib/utils";
+
+const Select = SelectPrimitive.Root;
+const SelectGroup = SelectPrimitive.Group;
+const SelectValue = SelectPrimitive.Value;
+
+const SelectTrigger = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>
+>(({ className, children, ...props }, ref) => (
+  <SelectPrimitive.Trigger
+    ref={ref}
+    className={cn(
+      "flex h-9 w-full items-center justify-between rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+      className
+    )}
+    {...props}
+  >
+    {children}
+    <SelectPrimitive.Icon asChild>
+      <ChevronDown className="h-4 w-4 opacity-50" />
+    </SelectPrimitive.Icon>
+  </SelectPrimitive.Trigger>
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+
+const SelectContent = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>
+>(({ className, children, position = "popper", ...props }, ref) => (
+  <SelectPrimitive.Portal>
+    <SelectPrimitive.Content
+      ref={ref}
+      className={cn(
+        "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-white dark:bg-zinc-800 text-foreground shadow-xl animate-in fade-in-0 zoom-in-95",
+        position === "popper" && "translate-y-1",
+        className
+      )}
+      position={position}
+      {...props}
+    >
+      <SelectPrimitive.Viewport className={cn("p-1", position === "popper" && "w-full min-w-[var(--radix-select-trigger-width)]")}>
+        {children}
+      </SelectPrimitive.Viewport>
+    </SelectPrimitive.Content>
+  </SelectPrimitive.Portal>
+));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+
+const SelectItem = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>
+>(({ className, children, ...props }, ref) => (
+  <SelectPrimitive.Item
+    ref={ref}
+    className={cn(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <SelectPrimitive.ItemIndicator>
+        <Check className="h-4 w-4" />
+      </SelectPrimitive.ItemIndicator>
+    </span>
+    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
+  </SelectPrimitive.Item>
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+
+const SelectLabel = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Label>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.Label ref={ref} className={cn("py-1.5 pl-8 pr-2 text-xs font-semibold", className)} {...props} />
+));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+
+const SelectSeparator = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.Separator ref={ref} className={cn("-mx-1 my-1 h-px bg-muted", className)} {...props} />
+));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectItem, SelectLabel, SelectSeparator };

package/src/components/ui/slider.tsx

@@ -0,0 +1,35 @@
+"use client";
+
+import * as React from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import { cn } from "@/lib/utils";
+
+const Slider = React.forwardRef<
+  React.ElementRef<typeof SliderPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>
+>(({ className, ...props }, ref) => (
+  <SliderPrimitive.Root
+    ref={ref}
+    className={cn("relative flex w-full touch-none select-none items-center", className)}
+    {...props}
+  >
+    {/* 轨道：明显的灰色底色，与开关 OFF 状态一致 */}
+    <SliderPrimitive.Track className="relative h-2 w-full grow overflow-hidden rounded-full bg-zinc-200 dark:bg-zinc-600">
+      {/* 已填充区域：微信绿，与开关 ON 状态一致 */}
+      <SliderPrimitive.Range className="absolute h-full bg-[#57BE6B]" />
+    </SliderPrimitive.Track>
+
+    {/* 拇指：白色圆形 + 绿色描边，比较易辨 */}
+    <SliderPrimitive.Thumb
+      className={cn(
+        "block h-4 w-4 rounded-full bg-white shadow-md ring-0 transition-all",
+        "border-2 border-[#57BE6B]",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#57BE6B] focus-visible:ring-offset-2",
+        "hover:scale-110",
+        "disabled:pointer-events-none disabled:opacity-50",
+      )}
+    />
+  </SliderPrimitive.Root>
+));
+Slider.displayName = SliderPrimitive.Root.displayName;
+export { Slider };

package/src/components/ui/switch.tsx

@@ -0,0 +1,35 @@
+"use client";
+
+import * as React from "react";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+import { cn } from "@/lib/utils";
+
+const Switch = React.forwardRef<
+  React.ElementRef<typeof SwitchPrimitives.Root>,
+  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>
+>(({ className, ...props }, ref) => (
+  <SwitchPrimitives.Root
+    className={cn(
+      // OFF: visible gray  |  ON: WeChat green — consistent with chat bubbles
+      "peer inline-flex h-[22px] w-10 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent",
+      "transition-colors duration-200",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      "disabled:cursor-not-allowed disabled:opacity-50",
+      "data-[state=unchecked]:bg-zinc-300 dark:data-[state=unchecked]:bg-zinc-600",
+      "data-[state=checked]:bg-[#57BE6B]",
+      className,
+    )}
+    {...props}
+    ref={ref}
+  >
+    <SwitchPrimitives.Thumb
+      className={cn(
+        "pointer-events-none block h-[16px] w-[16px] rounded-full bg-white shadow-md ring-0",
+        "transition-transform duration-200",
+        "data-[state=checked]:translate-x-[18px] data-[state=unchecked]:translate-x-0",
+      )}
+    />
+  </SwitchPrimitives.Root>
+));
+Switch.displayName = SwitchPrimitives.Root.displayName;
+export { Switch };

package/src/components/ui/tabs.tsx

@@ -0,0 +1,48 @@
+"use client";
+
+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("inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground", 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(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
+      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-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", className)}
+    {...props}
+  />
+));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+
+export { Tabs, TabsList, TabsTrigger, TabsContent };

package/src/components/ui/textarea.tsx

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { cn } from "@/lib/utils";
+
+const Textarea = React.forwardRef<HTMLTextAreaElement, React.TextareaHTMLAttributes<HTMLTextAreaElement>>(
+  ({ className, ...props }, ref) => (
+    <textarea
+      className={cn(
+        "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm 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",
+        className
+      )}
+      ref={ref}
+      {...props}
+    />
+  )
+);
+Textarea.displayName = "Textarea";
+export { Textarea };

package/src/components/ui/toaster.tsx

@@ -0,0 +1,50 @@
+"use client";
+import { useToastState, dismissToast } from "@/hooks/use-toast";
+import { cn } from "@/lib/utils";
+import { X, CheckCircle, AlertCircle, Info } from "lucide-react";
+
+export function Toaster() {
+  const toasts = useToastState();
+  if (!toasts.length) return null;
+
+  return (
+    <div className="fixed bottom-4 right-4 z-[100] flex flex-col gap-2 max-w-sm w-full pointer-events-none">
+      {toasts.map((t) => (
+        <div
+          key={t.id}
+          className={cn(
+            "pointer-events-auto flex items-start gap-3 rounded-xl border px-4 py-3 shadow-lg",
+            t.variant === "destructive"
+              ? "bg-red-50 border-red-200 dark:bg-red-900/30 dark:border-red-800"
+              : t.variant === "success"
+              ? "bg-green-50 border-green-200 dark:bg-green-900/30 dark:border-green-800"
+              : "bg-white border-border dark:bg-zinc-800",
+          )}
+        >
+          {t.variant === "destructive" && (
+            <AlertCircle className="h-4 w-4 text-red-500 shrink-0 mt-0.5" />
+          )}
+          {t.variant === "success" && (
+            <CheckCircle className="h-4 w-4 text-green-500 shrink-0 mt-0.5" />
+          )}
+          {(!t.variant || t.variant === "default") && (
+            <Info className="h-4 w-4 text-blue-500 shrink-0 mt-0.5" />
+          )}
+          <div className="flex-1 min-w-0">
+            <p className="text-sm font-medium leading-none">{t.title}</p>
+            {t.description && (
+              <p className="text-xs text-muted-foreground mt-1">{t.description}</p>
+            )}
+          </div>
+          <button
+            type="button"
+            onClick={() => dismissToast(t.id)}
+            className="shrink-0 text-muted-foreground hover:text-foreground transition-colors"
+          >
+            <X className="h-3.5 w-3.5" />
+          </button>
+        </div>
+      ))}
+    </div>
+  );
+}

package/src/hooks/use-toast.ts

@@ -0,0 +1,43 @@
+"use client";
+import { useState, useEffect } from "react";
+
+export type ToastVariant = "default" | "destructive" | "success";
+
+export interface Toast {
+  id: string;
+  title: string;
+  description?: string;
+  variant?: ToastVariant;
+}
+
+// Module-level store — callable outside React components
+let _listeners: Array<(t: Toast[]) => void> = [];
+let _toasts: Toast[] = [];
+const DURATION = 4000;
+
+function _notify(next: Toast[]) {
+  _toasts = next;
+  _listeners.forEach((fn) => fn(_toasts));
+}
+
+export function toast(props: Omit<Toast, "id">) {
+  const id = Math.random().toString(36).slice(2);
+  _notify([..._toasts, { ...props, id }]);
+  setTimeout(() => _notify(_toasts.filter((t) => t.id !== id)), DURATION);
+  return id;
+}
+
+export function dismissToast(id: string) {
+  _notify(_toasts.filter((t) => t.id !== id));
+}
+
+export function useToastState() {
+  const [toasts, setToasts] = useState<Toast[]>(_toasts);
+  useEffect(() => {
+    _listeners.push(setToasts);
+    return () => {
+      _listeners = _listeners.filter((fn) => fn !== setToasts);
+    };
+  }, []);
+  return toasts;
+}

package/src/i18n/request.ts

@@ -0,0 +1,13 @@
+import { getRequestConfig } from "next-intl/server";
+import { routing } from "./routing";
+
+export default getRequestConfig(async ({ requestLocale }) => {
+  let locale = await requestLocale;
+  if (!locale || !routing.locales.includes(locale as "zh" | "en")) {
+    locale = routing.defaultLocale;
+  }
+  return {
+    locale,
+    messages: (await import(`../../messages/${locale}.json`)).default,
+  };
+});

package/src/i18n/routing.ts

@@ -0,0 +1,7 @@
+import { defineRouting } from "next-intl/routing";
+
+export const routing = defineRouting({
+  locales: ["zh", "en"],
+  defaultLocale: "zh",
+  localePrefix: "always",
+});