@fatdoge/wtree 0.1.0

package/postcss.config.js

@@ -0,0 +1,10 @@
+/** WARNING: DON'T EDIT THIS FILE */
+/** WARNING: DON'T EDIT THIS FILE */
+/** WARNING: DON'T EDIT THIS FILE */
+
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};

package/shared/wtui-types.ts

@@ -0,0 +1,36 @@
+export type RepoInfo = {
+  rootPath: string
+  gitDirPath: string
+}
+
+export type WorktreeItem = {
+  id: string
+  path: string
+  head: string
+  branch?: string
+  isMain: boolean
+  isLocked: boolean
+  hasChanges?: boolean
+}
+
+export type CreateWorktreeRequest = {
+  ref: string
+  newBranch?: string
+  path: string
+}
+
+export type WtuiConfig = {
+  baseDir?: string
+  openCommand?: string
+  editorCommand?: string
+}
+
+export type ApiError = {
+  code: string
+  message: string
+  details?: string
+}
+
+export type ApiResult<T> =
+  | { ok: true; data: T }
+  | { ok: false; error: ApiError }

package/src/App.tsx

@@ -0,0 +1,28 @@
+import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
+import { useEffect } from "react";
+import Worktrees from "@/pages/Worktrees";
+import CreateWorktree from "@/pages/CreateWorktree";
+import SettingsPage from "@/pages/SettingsPage";
+import HelpPage from "@/pages/HelpPage";
+import ToastHost from "@/components/ToastHost";
+import { useThemeStore } from "@/stores/themeStore";
+
+export default function App() {
+  const initTheme = useThemeStore((s) => s.initTheme);
+
+  useEffect(() => {
+    initTheme();
+  }, [initTheme]);
+
+  return (
+    <Router>
+      <ToastHost />
+      <Routes>
+        <Route path="/" element={<Worktrees />} />
+        <Route path="/create" element={<CreateWorktree />} />
+        <Route path="/settings" element={<SettingsPage />} />
+        <Route path="/help" element={<HelpPage />} />
+      </Routes>
+    </Router>
+  );
+}

package/src/assets/react.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>

package/src/components/Button.tsx

@@ -0,0 +1,34 @@
+import type { ButtonHTMLAttributes } from 'react'
+
+type Props = ButtonHTMLAttributes<HTMLButtonElement> & {
+  variant?: 'primary' | 'secondary' | 'danger' | 'ghost'
+  size?: 'sm' | 'md'
+}
+
+export default function Button({
+  variant = 'primary',
+  size = 'md',
+  className = '',
+  ...props
+}: Props) {
+  const baseStyle =
+    'inline-flex items-center justify-center rounded-lg font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 dark:focus:ring-slate-700 disabled:opacity-50 disabled:cursor-not-allowed gap-2'
+
+  const variants = {
+    primary: 'bg-indigo-600 text-white hover:bg-indigo-700 dark:bg-indigo-500 dark:hover:bg-indigo-600',
+    secondary: 'bg-slate-100 text-slate-900 hover:bg-slate-200 dark:bg-slate-800 dark:text-slate-100 dark:hover:bg-slate-700',
+    danger: 'bg-rose-600 text-white hover:bg-rose-700 dark:bg-rose-500 dark:hover:bg-rose-600',
+    ghost: 'text-slate-600 hover:bg-slate-100 hover:text-slate-900 dark:text-slate-400 dark:hover:bg-slate-800 dark:hover:text-slate-100',
+  }
+
+  const sizes = {
+    sm: 'text-xs px-3 py-1.5',
+    md: 'text-sm px-4 py-2',
+    lg: 'text-base px-6 py-3',
+  }
+
+  const cls = `${baseStyle} ${variants[variant]} ${sizes[size]} ${className}`
+
+  return <button className={cls} {...props} />
+}
+

package/src/components/Empty.tsx

@@ -0,0 +1,8 @@
+import { cn } from '@/lib/utils'
+
+// Empty component
+export default function Empty() {
+  return (
+    <div className={cn('flex h-full items-center justify-center')}>Empty</div>
+  )
+}

package/src/components/Input.tsx

@@ -0,0 +1,16 @@
+import { clsx } from 'clsx'
+import type { InputHTMLAttributes } from 'react'
+
+export default function Input({ className, ...props }: InputHTMLAttributes<HTMLInputElement>) {
+  return (
+    <input
+      className={clsx(
+        'w-full rounded-md border border-slate-300 bg-white px-3 py-1.5 text-sm text-slate-900 placeholder:text-slate-400 focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500',
+        'dark:border-slate-700 dark:bg-slate-900 dark:text-slate-100 dark:placeholder:text-slate-500 dark:focus:border-indigo-500 dark:focus:ring-indigo-500',
+        className,
+      )}
+      {...props}
+    />
+  )
+}
+

package/src/components/Modal.tsx

@@ -0,0 +1,33 @@
+import { X } from 'lucide-react'
+import type { ReactNode } from 'react'
+
+interface Props {
+  open: boolean
+  onClose: () => void
+  title: string
+  children: ReactNode
+  footer?: ReactNode
+}
+
+export default function Modal({ open, onClose, title, children, footer }: Props) {
+  if (!open) return null
+
+  return (
+    <div className="fixed inset-0 z-50 flex items-center justify-center bg-slate-900/50 p-4 backdrop-blur-sm dark:bg-black/50">
+      <div className="w-full max-w-md rounded-xl border border-slate-200 bg-white shadow-xl dark:border-slate-800 dark:bg-slate-950">
+        <div className="flex items-center justify-between border-b border-slate-100 px-4 py-3 dark:border-slate-800">
+          <div className="font-semibold text-slate-900 dark:text-slate-100">{title}</div>
+          <button onClick={onClose} className="text-slate-400 hover:text-slate-600 dark:hover:text-slate-200">
+            <X className="h-4 w-4" />
+          </button>
+        </div>
+        <div className="p-4">{children}</div>
+        {footer ? (
+          <div className="flex justify-end gap-2 border-t border-slate-100 px-4 py-3 dark:border-slate-800">
+            {footer}
+          </div>
+        ) : null}
+      </div>
+    </div>
+  )
+}

package/src/components/ToastHost.tsx

@@ -0,0 +1,42 @@
+import { X } from 'lucide-react'
+import { useToastStore } from '@/stores/toastStore'
+
+export default function ToastHost() {
+  const items = useToastStore((s) => s.items)
+  const remove = useToastStore((s) => s.remove)
+
+  return (
+    <div className="fixed right-4 top-4 z-50 flex w-[360px] max-w-[calc(100vw-2rem)] flex-col gap-2">
+      {items.map((t) => {
+        const accent =
+          t.type === 'success'
+            ? 'border-emerald-500/40 bg-emerald-500/10'
+            : t.type === 'error'
+              ? 'border-rose-500/40 bg-rose-500/10'
+              : 'border-sky-500/40 bg-sky-500/10'
+
+        return (
+          <div key={t.id} className={`rounded-lg border px-3 py-2 text-sm shadow-lg ${accent}`}>
+            <div className="flex items-start justify-between gap-3">
+              <div className="min-w-0">
+                <div className="truncate font-medium text-slate-100">{t.title}</div>
+                {t.detail ? (
+                  <div className="mt-1 line-clamp-2 text-xs text-slate-300">{t.detail}</div>
+                ) : null}
+              </div>
+              <button
+                type="button"
+                onClick={() => remove(t.id)}
+                className="rounded p-1 text-slate-300 hover:bg-slate-800 hover:text-slate-100"
+                aria-label="关闭"
+              >
+                <X className="h-4 w-4" />
+              </button>
+            </div>
+          </div>
+        )
+      })}
+    </div>
+  )
+}
+

package/src/hooks/useTheme.ts

@@ -0,0 +1,29 @@
+import { useState, useEffect } from 'react';
+
+type Theme = 'light' | 'dark';
+
+export function useTheme() {
+  const [theme, setTheme] = useState<Theme>(() => {
+    const savedTheme = localStorage.getItem('theme') as Theme;
+    if (savedTheme) {
+      return savedTheme;
+    }
+    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+  });
+
+  useEffect(() => {
+    document.documentElement.classList.remove('light', 'dark');
+    document.documentElement.classList.add(theme);
+    localStorage.setItem('theme', theme);
+  }, [theme]);
+
+  const toggleTheme = () => {
+    setTheme(prevTheme => prevTheme === 'light' ? 'dark' : 'light');
+  };
+
+  return {
+    theme,
+    toggleTheme,
+    isDark: theme === 'dark'
+  };
+} 

package/src/i18n/index.ts

@@ -0,0 +1,22 @@
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+import LanguageDetector from 'i18next-browser-languagedetector';
+
+import en from './locales/en.json';
+import zh from './locales/zh.json';
+
+i18n
+  .use(LanguageDetector)
+  .use(initReactI18next)
+  .init({
+    resources: {
+      en: { translation: en },
+      zh: { translation: zh },
+    },
+    fallbackLng: 'en',
+    interpolation: {
+      escapeValue: false, // react already safes from xss
+    },
+  });
+
+export default i18n;

package/src/i18n/locales/en.json

@@ -0,0 +1,145 @@
+{
+  "worktrees": {
+    "title": "TreeLab",
+    "subtitle": "Manage git worktrees in current repository via UI",
+    "table": {
+      "path": "Path",
+      "branch": "Branch / HEAD",
+      "flags": "Flags",
+      "actions": "Actions"
+    },
+    "empty": "No worktrees found. Make sure you started UI in a git repository.",
+    "details": "Details",
+    "detailsPanel": {
+      "path": "Path",
+      "branch": "Branch",
+      "main": "Main Worktree",
+      "yes": "Yes",
+      "no": "No",
+      "head": "HEAD"
+    },
+    "selectToView": "Select a worktree to view details.",
+    "help": {
+      "title": "Help",
+      "desc": "Check target path before deletion. Main worktree cannot be deleted.",
+      "viewCommands": "View Commands Reference"
+    },
+    "actions": {
+      "copy": "Copy",
+      "lock": "Lock",
+      "unlock": "Unlock",
+      "ide": "IDE",
+      "folder": "Folder",
+      "delete": "Delete"
+    },
+    "toast": {
+      "copySuccess": "Path copied",
+      "copyFailed": "Copy failed",
+      "lockSuccess": "Locked",
+      "lockFailed": "Lock failed",
+      "unlockSuccess": "Unlocked",
+      "unlockFailed": "Unlock failed",
+      "ideSuccess": "Opened in IDE",
+      "ideFailed": "Failed to open IDE",
+      "folderSuccess": "Folder opened",
+      "folderFailed": "Failed to open folder",
+      "deleteSuccess": "Deleted",
+      "forceDeleteSuccess": "Force deleted",
+      "deleteFailed": "Delete failed",
+      "deleteWarning": "Uncommitted changes or untracked files detected. Please confirm if you want to force delete."
+    },
+    "deleteModal": {
+      "title": "Confirm Deletion",
+      "forceTitle": "Force Delete Confirmation",
+      "desc": "The following worktree will be removed:",
+      "warning": "Uncommitted changes detected. Force deletion will lose these changes!",
+      "normalNote": "Git may refuse to delete if there are uncommitted changes.",
+      "cancel": "Cancel",
+      "confirm": "Delete",
+      "forceConfirm": "Force Delete",
+      "deleting": "Deleting..."
+    }
+  },
+  "create": {
+    "title": "Create Worktree",
+    "back": "Back",
+    "help": "Help",
+    "tabs": {
+      "existing": "Existing Branch/Commit",
+      "new": "New Branch"
+    },
+    "fields": {
+      "ref": "Ref (Branch name or commit)",
+      "refPlaceholder": "e.g. main / feature/x / 3a2f...",
+      "newBranch": "New Branch",
+      "newBranchPlaceholder": "e.g. feature/awesome",
+      "path": "Path (Relative to repo root or absolute path)",
+      "pathPlaceholder": "e.g. worktrees/feature-x"
+    },
+    "submit": "Create",
+    "preview": {
+      "title": "Will Execute",
+      "desc": "UI only calls local API, actual git commands are executed on your machine."
+    },
+    "result": {
+      "title": "Result",
+      "creating": "Creating...",
+      "success": "Created successfully",
+      "backToList": "Back to list",
+      "empty": "Results will be shown here after creation."
+    }
+  },
+  "settings": {
+    "title": "Settings",
+    "preferences": {
+      "title": "Preferences",
+      "theme": "Theme Mode",
+      "language": "Language",
+      "light": "Light",
+      "dark": "Dark",
+      "system": "System",
+      "en": "English",
+      "zh": "中文"
+    },
+    "cli": {
+      "title": "CLI Configuration",
+      "baseDir": "baseDir",
+      "baseDirPlaceholder": "Default storage location, e.g. ../",
+      "openCommand": "openCommand",
+      "openCommandPlaceholder": "Leave empty for auto-detect (open / start / xdg-open)",
+      "editorCommand": "editorCommand",
+      "editorCommandPlaceholder": "e.g. code / cursor / trae",
+      "reset": "Reset",
+      "save": "Save Config"
+    },
+    "maintenance": {
+      "title": "Maintenance",
+      "prune": "Prune Invalid Worktrees",
+      "pruneDesc": "Executes `git worktree prune` to remove worktree records that no longer exist."
+    },
+    "note": {
+      "title": "Note",
+      "desc": "Settings are saved in `~/.config/wtree/config.json`, UI reads and writes via local API."
+    },
+    "toast": {
+      "saveSuccess": "Configuration saved",
+      "saveFailed": "Failed to save configuration",
+      "pruneSuccess": "Prune completed",
+      "pruneFailed": "Prune failed"
+    }
+  },
+  "helpPage": {
+    "title": "Help",
+    "commands": "Commands Reference",
+    "commandsDesc": "Running without parameters will enter interactive CLI; adding --ui will start local UI.",
+    "faq": {
+      "title": "FAQ",
+      "q1": "Not in a git repository?",
+      "a1": "Run inside a repository, or use `wtree --repo /path/to/repo` to specify path.",
+      "q2": "Port already in use?",
+      "a2": "Use `wtree --ui --port 0` to let system auto-assign a port.",
+      "q3": "Delete failed (uncommitted changes)?",
+      "a3": "Force Delete is supported in both CLI and UI modes, but please note that uncommitted changes will be lost."
+    }
+  }
+}

package/src/i18n/locales/zh.json

@@ -0,0 +1,145 @@
+{
+  "worktrees": {
+    "title": "TreeLab",
+    "subtitle": "通过 UI 管理当前仓库的 git worktree",
+    "table": {
+      "path": "路径",
+      "branch": "分支 / HEAD",
+      "flags": "标志",
+      "actions": "操作"
+    },
+    "empty": "未读取到 worktree。确认你在 git 仓库中启动了 UI。",
+    "details": "详情",
+    "detailsPanel": {
+      "path": "路径",
+      "branch": "分支",
+      "main": "主 Worktree",
+      "yes": "是",
+      "no": "否",
+      "head": "HEAD"
+    },
+    "selectToView": "选择一个 worktree 查看详情。",
+    "help": {
+      "title": "帮助",
+      "desc": "删除前确认目标路径，主 worktree 无法删除。",
+      "viewCommands": "查看命令速查"
+    },
+    "actions": {
+      "copy": "复制",
+      "lock": "锁定",
+      "unlock": "解锁",
+      "ide": "IDE",
+      "folder": "文件夹",
+      "delete": "删除"
+    },
+    "toast": {
+      "copySuccess": "已复制路径",
+      "copyFailed": "复制失败",
+      "lockSuccess": "已锁定",
+      "lockFailed": "锁定失败",
+      "unlockSuccess": "已解锁",
+      "unlockFailed": "解锁失败",
+      "ideSuccess": "已在 IDE 打开",
+      "ideFailed": "打开 IDE 失败",
+      "folderSuccess": "已打开文件夹",
+      "folderFailed": "打开文件夹失败",
+      "deleteSuccess": "已删除",
+      "forceDeleteSuccess": "已强制删除",
+      "deleteFailed": "删除失败",
+      "deleteWarning": "存在未提交更改或未跟踪文件。请确认是否强制删除。"
+    },
+    "deleteModal": {
+      "title": "确认删除",
+      "forceTitle": "强制删除确认",
+      "desc": "将移除以下 worktree：",
+      "warning": "检测到未提交更改。强制删除将丢失这些更改！",
+      "normalNote": "如果存在未提交更改，git 可能会拒绝删除。",
+      "cancel": "取消",
+      "confirm": "删除",
+      "forceConfirm": "强制删除",
+      "deleting": "删除中..."
+    }
+  },
+  "create": {
+    "title": "创建 Worktree",
+    "back": "返回",
+    "help": "帮助",
+    "tabs": {
+      "existing": "现有分支/提交",
+      "new": "新分支"
+    },
+    "fields": {
+      "ref": "Ref（分支名或 commit）",
+      "refPlaceholder": "例如 main / feature/x / 3a2f...",
+      "newBranch": "New Branch",
+      "newBranchPlaceholder": "例如 feature/awesome",
+      "path": "Path（相对 repo root 或绝对路径）",
+      "pathPlaceholder": "例如 worktrees/feature-x"
+    },
+    "submit": "创建",
+    "preview": {
+      "title": "将执行",
+      "desc": "UI 仅调用本地 API，实际执行 git 命令发生在你的机器上。"
+    },
+    "result": {
+      "title": "结果",
+      "creating": "正在创建…",
+      "success": "创建成功",
+      "backToList": "回到列表",
+      "empty": "提交创建后会在这里显示结果。"
+    }
+  },
+  "settings": {
+    "title": "设置",
+    "preferences": {
+      "title": "偏好设置",
+      "theme": "主题模式",
+      "language": "语言",
+      "light": "浅色",
+      "dark": "深色",
+      "system": "跟随系统",
+      "en": "English",
+      "zh": "中文"
+    },
+    "cli": {
+      "title": "CLI 配置",
+      "baseDir": "baseDir",
+      "baseDirPlaceholder": "默认存放在哪里，例如 ../",
+      "openCommand": "openCommand",
+      "openCommandPlaceholder": "留空自动检测 (open / start / xdg-open)",
+      "editorCommand": "editorCommand",
+      "editorCommandPlaceholder": "例如 code / cursor / trae",
+      "reset": "重置",
+      "save": "保存配置"
+    },
+    "maintenance": {
+      "title": "维护",
+      "prune": "清理无效 Worktree (Prune)",
+      "pruneDesc": "执行 `git worktree prune`，移除已不存在的 worktree 记录。"
+    },
+    "note": {
+      "title": "说明",
+      "desc": "设置保存在 `~/.config/wtree/config.json`，UI 通过本地 API 读写。"
+    },
+    "toast": {
+      "saveSuccess": "已保存配置",
+      "saveFailed": "保存失败",
+      "pruneSuccess": "清理完成",
+      "pruneFailed": "清理失败"
+    }
+  },
+  "helpPage": {
+    "title": "帮助",
+    "commands": "命令速查",
+    "commandsDesc": "默认不带参数会进入交互式命令行；加上 --ui 会启动本地 UI。",
+    "faq": {
+      "title": "常见问题",
+      "q1": "不在 git 仓库目录？",
+      "a1": "在仓库内运行，或用 `wtree --repo /path/to/repo` 指定路径。",
+      "q2": "端口被占用？",
+      "a2": "使用 `wtree --ui --port 0` 让系统自动分配端口。",
+      "q3": "删除失败（有未提交更改）？",
+      "a3": "在 CLI 模式和 UI 模式下均已支持强制删除（Force Delete），但请注意未提交的更改会丢失。"
+    }
+  }
+}

package/src/index.css

@@ -0,0 +1,24 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+  line-height: 1.5;
+  font-weight: 400;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+html,
+body,
+#root {
+  height: 100%;
+}
+
+body {
+  @apply bg-slate-50 text-slate-900 dark:bg-slate-950 dark:text-slate-200;
+}

package/src/lib/utils.ts

@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx"
+import { twMerge } from "tailwind-merge"
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}

package/src/main.tsx

@@ -0,0 +1,11 @@
+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+import App from './App'
+import './index.css'
+import './i18n'
+
+createRoot(document.getElementById('root')!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+)