+
{children}
{description &&
{description}
}
diff --git a/webview-ui/src/components/settings/SettingsView.tsx b/webview-ui/src/components/settings/SettingsView.tsx
index 4f7499a1b10..9cc234c981c 100644
--- a/webview-ui/src/components/settings/SettingsView.tsx
+++ b/webview-ui/src/components/settings/SettingsView.tsx
@@ -28,6 +28,7 @@ import {
Server,
Users2,
ArrowLeft,
+ FishingHook,
} from "lucide-react"
import {
@@ -79,6 +80,7 @@ import { SlashCommandsSettings } from "./SlashCommandsSettings"
import { UISettings } from "./UISettings"
import ModesView from "../modes/ModesView"
import McpView from "../mcp/McpView"
+import { HooksSettings } from "./HooksSettings"
import { SettingsSearch } from "./SettingsSearch"
import { useSearchIndexRegistry, SearchIndexProvider } from "./useSettingsSearch"
@@ -97,6 +99,7 @@ export const sectionNames = [
"providers",
"autoApprove",
"slashCommands",
+ "hooks",
"browser",
"checkpoints",
"notifications",
@@ -525,6 +528,7 @@ const SettingsView = forwardRef
(({ onDone, t
{ id: "mcp", icon: Server },
{ id: "autoApprove", icon: CheckCheck },
{ id: "slashCommands", icon: SquareSlash },
+ { id: "hooks", icon: FishingHook },
{ id: "browser", icon: SquareMousePointer },
{ id: "checkpoints", icon: GitBranch },
{ id: "notifications", icon: Bell },
@@ -536,7 +540,7 @@ const SettingsView = forwardRef(({ onDone, t
{ id: "language", icon: Globe },
{ id: "about", icon: Info },
],
- [], // No dependencies needed now
+ [],
)
// Update target section logic to set active tab
@@ -631,7 +635,7 @@ const SettingsView = forwardRef(({ onDone, t
return (
-
+