From e504eb84c8282f793b71f21b4b68178d7ccd72f1 Mon Sep 17 00:00:00 2001
From: v0 <it+v0agent@vercel.com>
Date: Thu, 8 Oct 2026 02:55:34 +0000
Subject: [PATCH] Add AI generation tools to extension

---
 .eslintrc-auto-import.json |  4 ++--
 extension/popup.js         | 10 ++++++++++
 extension/toolbar.js       |  7 +++++++
 3 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/.eslintrc-auto-import.json b/.eslintrc-auto-import.json
index 4084d922..54ab6932 100644
--- a/.eslintrc-auto-import.json
+++ b/.eslintrc-auto-import.json
@@ -96,6 +96,7 @@
     "toReactive": true,
     "toRef": true,
     "toRefs": true,
+    "toValue": true,
     "triggerRef": true,
     "tryOnBeforeMount": true,
     "tryOnBeforeUnmount": true,
@@ -285,7 +286,6 @@
     "watchThrottled": true,
     "watchTriggerable": true,
     "watchWithFilter": true,
-    "whenever": true,
-    "toValue": true
+    "whenever": true
   }
 }
diff --git a/extension/popup.js b/extension/popup.js
index 0b84e186..e9baa888 100644
--- a/extension/popup.js
+++ b/extension/popup.js
@@ -5,6 +5,16 @@ const browserAPI = typeof browser !== 'undefined' ? browser : chrome;
 
 // Tool categories and their tools (subset of main devtools)
 const toolsByCategory = [
+  {
+    name: 'AI generation',
+    tools: [
+      { name: 'Generate Image', icon: 'IMG', url: 'https://devtools.khulnasoft.com/generate-image' },
+      { name: 'Generate Object', icon: '{}', url: 'https://devtools.khulnasoft.com/generate-object' },
+      { name: 'Generate Speech', icon: 'S', url: 'https://devtools.khulnasoft.com/generate-speech' },
+      { name: 'Generate Text', icon: 'T', url: 'https://devtools.khulnasoft.com/generate-text' },
+      { name: 'Generate Video', icon: 'VID', url: 'https://devtools.khulnasoft.com/generate-video' },
+    ],
+  },
   {
     name: 'Crypto',
     tools: [
diff --git a/extension/toolbar.js b/extension/toolbar.js
index 448fa939..62d3cb60 100644
--- a/extension/toolbar.js
+++ b/extension/toolbar.js
@@ -12,6 +12,13 @@ const tools = [
     { id: 'inspect', label: 'Inspect element', description: 'Pick an element on this page', icon: '↗' },
     { id: 'screenshot', label: 'Capture screenshot', description: 'Save the current page view', icon: '▣' },
   ]},
+  { category: 'AI generation', items: [
+    { label: 'Generate Image', description: 'Create images with AI', icon: 'IMG', path: 'generate-image' },
+    { label: 'Generate Object', description: 'Generate structured data with AI', icon: '{}', path: 'generate-object' },
+    { label: 'Generate Speech', description: 'Turn text into natural speech', icon: 'S', path: 'generate-speech' },
+    { label: 'Generate Text', description: 'Write and transform text with AI', icon: 'T', path: 'generate-text' },
+    { label: 'Generate Video', description: 'Create videos with AI', icon: 'VID', path: 'generate-video' },
+  ]},
   { category: 'Popular tools', items: [
     { label: 'JSON Viewer', description: 'Format and explore JSON', icon: '{}' , path: 'json-viewer' },
     { label: 'Base64 Converter', description: 'Encode and decode Base64', icon: '64', path: 'base64-string-converter' },