Feature/increase command

.claude/settings.json

@@ -0,0 +1,15 @@
+{
+  "hooks": {
+    "PostToolUse": [
+      {
+        "matcher": "Write|Edit|MultiEdit",
+        "hooks": [
+          {
+            "type": "command",
+            "command": "npx pretty-quick"
+          }
+        ]
+      }
+    ]
+  }
+}

.claude/settings.local.json

@@ -0,0 +1,34 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(npm install:*)",
+      "Bash(npm uninstall:*)",
+      "Bash(yarn build)",
+      "Bash(rg:*)",
+      "Bash(npm run lint)",
+      "WebFetch(domain:github.com)",
+      "WebFetch(domain:docs.dndkit.com)",
+      "WebFetch(domain:stackoverflow.com)",
+      "Bash(yarn lint)",
+      "Bash(yarn dev)",
+      "Bash(pkill:*)",
+      "Bash(node:*)",
+      "Bash(rm:*)",
+      "Bash(grep:*)",
+      "WebFetch(domain:react-hook-form.com)",
+      "Bash(cat:*)",
+      "Bash(yarn add:*)",
+      "Bash(mv:*)",
+      "Bash(mkdir:*)",
+      "Bash(sed:*)",
+      "Bash(npx tsc:*)",
+      "Bash(find:*)",
+      "Bash(yarn lint:*)",
+      "Bash(yarn eslint:*)",
+      "Bash(npx eslint:*)",
+      "WebFetch(domain:www.npmjs.com)",
+      "Bash(ls:*)"
+    ],
+    "deny": []
+  }
+}

CLAUDE.md

@@ -0,0 +1,60 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## Development Commands
+
+- `yarn dev` - Start development mode with Vite
+- `yarn build` - Build the extension (runs TypeScript compilation + Vite build)
+- `yarn lint` - Run ESLint to check code quality
+- `yarn zip` - Create a distributable extension zip file from the built dist folder
+
+## Architecture Overview
+
+This is a Chrome Extension (Manifest V3) called **Selection Command** that allows users to perform various actions on selected text on web pages.
+
+### Key Components
+
+**Chrome Extension Structure:**
+
+- `manifest.json` - Extension manifest defining permissions, content scripts, and background workers
+- `src/background_script.ts` - Service worker handling extension lifecycle and background operations
+- `src/content_script.tsx` - Main content script injected into web pages
+- `src/options_page.tsx` - Extension options/settings page
+
+**Core Architecture:**
+
+- **Actions** (`src/action/`) - Core functionality modules including background operations, popup handling, page actions, and command execution
+- **Components** (`src/components/`) - React components organized by feature:
+  - `menu/` - Context menu and menu item components
+  - `option/` - Settings and configuration UI
+  - `pageAction/` - Page automation and recording components
+  - `result/` - Result display and popup components
+  - `ui/` - Reusable UI components (uses Radix UI)
+- **Services** (`src/services/`) - Business logic and utilities including settings management, storage, analytics, and page action handling
+- **Hooks** (`src/hooks/`) - Custom React hooks for state management and Chrome extension APIs
+
+**Key Features:**
+
+- **Page Actions** - Record and replay browser automation sequences
+- **Command Hub** - Web interface for sharing and discovering commands (separate Next.js app in `pages/`)
+- **Context Menus** - Right-click actions on selected text
+- **Settings Management** - Import/export configurations and user preferences
+
+### Technical Stack
+
+- **Frontend**: React 18 with TypeScript
+- **Build System**: Vite with `@crxjs/vite-plugin` for Chrome extension development
+- **UI Components**: Shadcn
+- **Form and Validation**: react-hook-form and zod
+- **Styling**: CSS Modules + Tailwind CSS(ver.3)
+- **State Management**: React hooks with Chrome extension storage APIs
+- **Testing**: ESLint for code quality
+
+### Project Structure Notes
+
+- The main extension code is in `src/`
+- The command hub website is a separate Next.js application in `pages/`
+- Extension supports internationalization with locale files in `public/_locales/`
+- Uses Shadow DOM for content script styling isolation
+- Implements Robula+ algorithm for robust XPath selector generation (`src/lib/robula-plus/`)

package.json

@@ -21,9 +21,11 @@
     "@radix-ui/react-collapsible": "^1.1.3",
     "@radix-ui/react-dialog": "^1.1.2",
     "@radix-ui/react-label": "^2.1.2",
-    "@radix-ui/react-menubar": "^1.1.2",
+    "@radix-ui/react-menubar": "^1.1.15",
     "@radix-ui/react-popover": "^1.1.2",
     "@radix-ui/react-progress": "^1.1.2",
+    "@radix-ui/react-radio-group": "^1.3.7",
+    "@radix-ui/react-scroll-area": "^1.2.9",
     "@radix-ui/react-select": "^2.1.6",
     "@radix-ui/react-switch": "^1.1.3",
     "@radix-ui/react-toggle": "^1.1.6",
@@ -40,6 +42,7 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-hook-form": "^7.58.1",
+    "react-multi-progress": "^1.3.0",
     "react-textarea-autosize": "^8.5.3",
     "react-transition-group": "^4.4.5",
     "sonner": "github:ujiro99/sonner",
@@ -72,8 +75,8 @@
     "husky": "^9.1.7",
     "npm-build-zip": "^1.0.4",
     "postcss": "^8.4.49",
-    "prettier": "^3.3.3",
-    "pretty-quick": "^4.0.0",
+    "prettier": "^3.6.2",
+    "pretty-quick": "^4.2.2",
     "tailwindcss": "^3.4.17",
     "typescript": "~5.6.2",
     "typescript-eslint": "^8.18.2",
@@ -91,7 +94,7 @@
   },
   "prettier": {
     "semi": false,
-    "singleQuote": true,
+    "singleQuote": false,
     "tabWidth": 2,
     "trailingComma": "all"
   },

public/_locales/de/messages.json

@@ -781,5 +781,62 @@
   },
   "clipboard_error_action": {
     "message": "OK"
+  },
+  "Option_RestoreFromBackup": {
+    "message": "Aus Backup wiederherstellen"
+  },
+  "Option_RestoreFromBackup_checking": {
+    "message": "Backups werden überprüft..."
+  },
+  "Option_RestoreFromBackup_no_backup": {
+    "message": "Kein Backup verfügbar"
+  },
+  "Option_RestoreFromBackup_tooltip": {
+    "message": "Befehle aus Backup wiederherstellen"
+  },
+  "Option_RestoreFromBackup_no_data": {
+    "message": "Keine Backup-Daten gefunden."
+  },
+  "Option_RestoreFromBackup_dialog_title": {
+    "message": "Aus Backup wiederherstellen"
+  },
+  "Option_RestoreFromBackup_dialog_no_data": {
+    "message": "Keine Backup-Daten verfügbar."
+  },
+  "Option_RestoreFromBackup_dialog_select": {
+    "message": "Wählen Sie ein Backup zum Wiederherstellen:"
+  },
+  "Option_RestoreFromBackup_dialog_restore": {
+    "message": "Wiederherstellen"
+  },
+  "Option_RestoreFromBackup_legacy": {
+    "message": "Legacy-Migration"
+  },
+  "Option_RestoreFromBackup_daily": {
+    "message": "Tägliches Backup"
+  },
+  "Option_RestoreFromBackup_weekly": {
+    "message": "Wöchentliches Backup"
+  },
+  "Option_RestoreFromBackup_created": {
+    "message": "Erstellt:"
+  },
+  "Option_RestoreFromBackup_commands": {
+    "message": "Befehle:"
+  },
+  "Option_RestoreFromBackup_folders": {
+    "message": "Ordner:"
+  },
+  "Option_RestoreFromBackup_items": {
+    "message": "Elemente"
+  },
+  "Option_RestoreFromBackup_warning": {
+    "message": "Warnung:"
+  },
+  "Option_RestoreFromBackup_warning_message": {
+    "message": "Dies ersetzt alle aktuellen Befehle durch die Backup-Daten."
+  },
+  "Option_RestoreFromBackup_failed": {
+    "message": "Wiederherstellung aus Backup fehlgeschlagen."
   }
 }

public/_locales/en/messages.json

@@ -302,6 +302,15 @@
   "Option_parentFolderId": {
     "message": "Folder"
   },
+  "Option_parentFolder": {
+    "message": "Parent Folder"
+  },
+  "Option_parentFolder_desc": {
+    "message": "Select the parent folder"
+  },
+  "Option_rootFolder": {
+    "message": "Root (no parent)"
+  },
   "Option_copyOption": {
     "message": "Copy format"
   },
@@ -784,5 +793,62 @@
   "clipboard_error_action": {
     "message": "OK",
     "description": "Action button for clipboard error"
+  },
+  "Option_RestoreFromBackup": {
+    "message": "Restore from Backup"
+  },
+  "Option_RestoreFromBackup_checking": {
+    "message": "Checking backups..."
+  },
+  "Option_RestoreFromBackup_no_backup": {
+    "message": "No backup available"
+  },
+  "Option_RestoreFromBackup_tooltip": {
+    "message": "Restore commands from backup"
+  },
+  "Option_RestoreFromBackup_no_data": {
+    "message": "No backup data found."
+  },
+  "Option_RestoreFromBackup_dialog_title": {
+    "message": "Restore from Backup"
+  },
+  "Option_RestoreFromBackup_dialog_no_data": {
+    "message": "No backup data available."
+  },
+  "Option_RestoreFromBackup_dialog_select": {
+    "message": "Select a backup to restore:"
+  },
+  "Option_RestoreFromBackup_dialog_restore": {
+    "message": "Restore"
+  },
+  "Option_RestoreFromBackup_legacy": {
+    "message": "Legacy Migration"
+  },
+  "Option_RestoreFromBackup_daily": {
+    "message": "Daily Backup"
+  },
+  "Option_RestoreFromBackup_weekly": {
+    "message": "Weekly Backup"
+  },
+  "Option_RestoreFromBackup_created": {
+    "message": "Created:"
+  },
+  "Option_RestoreFromBackup_commands": {
+    "message": "Commands:"
+  },
+  "Option_RestoreFromBackup_folders": {
+    "message": "Folders:"
+  },
+  "Option_RestoreFromBackup_items": {
+    "message": "items"
+  },
+  "Option_RestoreFromBackup_warning": {
+    "message": "Warning:"
+  },
+  "Option_RestoreFromBackup_warning_message": {
+    "message": "This will replace all current commands with the backup data."
+  },
+  "Option_RestoreFromBackup_failed": {
+    "message": "Failed to restore from backup."
   }
 }

public/_locales/es/messages.json

@@ -781,5 +781,62 @@
   },
   "clipboard_error_action": {
     "message": "OK"
+  },
+  "Option_RestoreFromBackup": {
+    "message": "Restaurar desde Respaldo"
+  },
+  "Option_RestoreFromBackup_checking": {
+    "message": "Verificando respaldos..."
+  },
+  "Option_RestoreFromBackup_no_backup": {
+    "message": "Sin respaldo disponible"
+  },
+  "Option_RestoreFromBackup_tooltip": {
+    "message": "Restaurar comandos desde respaldo"
+  },
+  "Option_RestoreFromBackup_no_data": {
+    "message": "No se encontraron datos de respaldo."
+  },
+  "Option_RestoreFromBackup_dialog_title": {
+    "message": "Restaurar desde Respaldo"
+  },
+  "Option_RestoreFromBackup_dialog_no_data": {
+    "message": "No hay datos de respaldo disponibles."
+  },
+  "Option_RestoreFromBackup_dialog_select": {
+    "message": "Seleccione un respaldo para restaurar:"
+  },
+  "Option_RestoreFromBackup_dialog_restore": {
+    "message": "Restaurar"
+  },
+  "Option_RestoreFromBackup_legacy": {
+    "message": "Migración Heredada"
+  },
+  "Option_RestoreFromBackup_daily": {
+    "message": "Respaldo Diario"
+  },
+  "Option_RestoreFromBackup_weekly": {
+    "message": "Respaldo Semanal"
+  },
+  "Option_RestoreFromBackup_created": {
+    "message": "Creado:"
+  },
+  "Option_RestoreFromBackup_commands": {
+    "message": "Comandos:"
+  },
+  "Option_RestoreFromBackup_folders": {
+    "message": "Carpetas:"
+  },
+  "Option_RestoreFromBackup_items": {
+    "message": "elementos"
+  },
+  "Option_RestoreFromBackup_warning": {
+    "message": "Advertencia:"
+  },
+  "Option_RestoreFromBackup_warning_message": {
+    "message": "Esto reemplazará todos los comandos actuales con los datos del respaldo."
+  },
+  "Option_RestoreFromBackup_failed": {
+    "message": "Error al restaurar desde respaldo."
   }
 }