+
+ {/* Dangerous Settings */}
+
+
+
+
Auto-approve All Actions
+
+ Skip all permission checks and auto-approve every tool action.
+ This is dangerous and should only be used for trusted tasks.
+
+
+
+
+ {skipPermissions && (
+
+
+ All tool actions will be auto-approved without confirmation. Use with caution.
+
+ )}
+
+
{loading ? (
@@ -388,6 +518,42 @@ function SettingsPageInner() {
+
+ {/* Skip-permissions warning dialog */}
+
+
+
+ Enable Auto-approve All Actions?
+
+
+
+ This will bypass all permission checks. Claude will be able to
+ execute any tool action without asking for your confirmation,
+ including:
+
+
+ - Running arbitrary shell commands
+ - Reading, writing, and deleting files
+ - Making network requests
+
+
+ Only enable this if you fully trust the task at hand. This
+ setting applies to all new chat sessions.
+
+
);
}
diff --git a/src/components/layout/AppShell.tsx b/src/components/layout/AppShell.tsx
index 2571f98..fb0aae6 100644
--- a/src/components/layout/AppShell.tsx
+++ b/src/components/layout/AppShell.tsx
@@ -6,9 +6,13 @@ import { TooltipProvider } from "@/components/ui/tooltip";
import { NavRail } from "./NavRail";
import { ChatListPanel } from "./ChatListPanel";
import { RightPanel } from "./RightPanel";
+import { UpdateDialog } from "./UpdateDialog";
import { PanelContext, type PanelContent } from "@/hooks/usePanel";
+import { UpdateContext, type UpdateInfo } from "@/hooks/useUpdate";
const LG_BREAKPOINT = 1024;
+const CHECK_INTERVAL = 8 * 60 * 60 * 1000; // 8 hours
+const DISMISSED_VERSION_KEY = "codepilot_dismissed_update_version";
export function AppShell({ children }: { children: React.ReactNode }) {
const pathname = usePathname();
@@ -56,6 +60,80 @@ export function AppShell({ children }: { children: React.ReactNode }) {
return () => mql.removeEventListener("change", handler);
}, [isChatRoute]);
+ // --- Skip-permissions indicator ---
+ const [skipPermissionsActive, setSkipPermissionsActive] = useState(false);
+
+ const fetchSkipPermissions = useCallback(async () => {
+ try {
+ const res = await fetch("/api/settings/app");
+ if (res.ok) {
+ const data = await res.json();
+ setSkipPermissionsActive(data.settings?.dangerously_skip_permissions === "true");
+ }
+ } catch {
+ // ignore
+ }
+ }, []);
+
+ // Poll periodically so the indicator stays in sync when settings change
+ useEffect(() => {
+ fetchSkipPermissions();
+ const id = setInterval(fetchSkipPermissions, 5000);
+ return () => clearInterval(id);
+ }, [fetchSkipPermissions]);
+
+ // --- Update check state ---
+ const [updateInfo, setUpdateInfo] = useState
(null);
+ const [checking, setChecking] = useState(false);
+ const [showDialog, setShowDialog] = useState(false);
+
+ const checkForUpdates = useCallback(async () => {
+ setChecking(true);
+ try {
+ const res = await fetch("/api/app/updates");
+ if (!res.ok) return;
+ const data: UpdateInfo = await res.json();
+ setUpdateInfo(data);
+
+ if (data.updateAvailable) {
+ const dismissed = localStorage.getItem(DISMISSED_VERSION_KEY);
+ if (dismissed !== data.latestVersion) {
+ setShowDialog(true);
+ }
+ }
+ } catch {
+ // silently ignore network errors
+ } finally {
+ setChecking(false);
+ }
+ }, []);
+
+ const dismissUpdate = useCallback(() => {
+ setShowDialog(false);
+ if (updateInfo?.latestVersion) {
+ localStorage.setItem(DISMISSED_VERSION_KEY, updateInfo.latestVersion);
+ }
+ }, [updateInfo]);
+
+ // Check on mount + every 8 hours
+ useEffect(() => {
+ checkForUpdates();
+ const id = setInterval(checkForUpdates, CHECK_INTERVAL);
+ return () => clearInterval(id);
+ }, [checkForUpdates]);
+
+ const updateContextValue = useMemo(
+ () => ({
+ updateInfo,
+ checking,
+ checkForUpdates,
+ dismissUpdate,
+ showDialog,
+ setShowDialog,
+ }),
+ [updateInfo, checking, checkForUpdates, dismissUpdate, showDialog]
+ );
+
const panelContextValue = useMemo(
() => ({
panelOpen,
@@ -77,25 +155,30 @@ export function AppShell({ children }: { children: React.ReactNode }) {
);
return (
-
-
-
-
setChatListOpen(!chatListOpen)}
- />
-
-
- {/* Electron draggable title bar region */}
-
+
+
+
+
setChatListOpen(!chatListOpen)}
+ hasUpdate={updateInfo?.updateAvailable ?? false}
+ skipPermissionsActive={skipPermissionsActive}
/>
- {children}
+
+
+ {/* Electron draggable title bar region */}
+
+
{children}
+
-
-
+
+
+
+
);
}
diff --git a/src/components/layout/NavRail.tsx b/src/components/layout/NavRail.tsx
index b622ffe..4cf258c 100644
--- a/src/components/layout/NavRail.tsx
+++ b/src/components/layout/NavRail.tsx
@@ -25,6 +25,8 @@ import { cn } from "@/lib/utils";
interface NavRailProps {
chatListOpen: boolean;
onToggleChatList: () => void;
+ hasUpdate?: boolean;
+ skipPermissionsActive?: boolean;
}
const navItems = [
@@ -33,7 +35,7 @@ const navItems = [
{ href: "/settings", label: "Settings", icon: Settings02Icon },
] as const;
-export function NavRail({ chatListOpen, onToggleChatList }: NavRailProps) {
+export function NavRail({ chatListOpen, onToggleChatList, hasUpdate, skipPermissionsActive }: NavRailProps) {
const pathname = usePathname();
const router = useRouter();
const { theme, setTheme } = useTheme();
@@ -102,20 +104,25 @@ export function NavRail({ chatListOpen, onToggleChatList }: NavRailProps) {
{item.label}
) : (
-
+
+ {skipPermissionsActive && (
+
+
+
+
+
+
+
+
+
+ Auto-approve is ON
+
+ )}
{mounted && (
diff --git a/src/components/layout/UpdateDialog.tsx b/src/components/layout/UpdateDialog.tsx
new file mode 100644
index 0000000..c867209
--- /dev/null
+++ b/src/components/layout/UpdateDialog.tsx
@@ -0,0 +1,82 @@
+"use client";
+
+import ReactMarkdown from "react-markdown";
+import { Button } from "@/components/ui/button";
+import {
+ Dialog,
+ DialogContent,
+ DialogHeader,
+ DialogTitle,
+ DialogDescription,
+ DialogFooter,
+} from "@/components/ui/dialog";
+import { useUpdate } from "@/hooks/useUpdate";
+
+export function UpdateDialog() {
+ const { updateInfo, showDialog, setShowDialog, dismissUpdate } = useUpdate();
+
+ if (!updateInfo?.updateAvailable) return null;
+
+ return (
+
+ );
+}
diff --git a/src/hooks/useUpdate.ts b/src/hooks/useUpdate.ts
new file mode 100644
index 0000000..65f4039
--- /dev/null
+++ b/src/hooks/useUpdate.ts
@@ -0,0 +1,32 @@
+"use client";
+
+import { createContext, useContext } from "react";
+
+export interface UpdateInfo {
+ updateAvailable: boolean;
+ latestVersion: string;
+ currentVersion: string;
+ releaseName: string;
+ releaseNotes: string;
+ releaseUrl: string;
+ publishedAt: string;
+}
+
+export interface UpdateContextValue {
+ updateInfo: UpdateInfo | null;
+ checking: boolean;
+ checkForUpdates: () => Promise;
+ dismissUpdate: () => void;
+ showDialog: boolean;
+ setShowDialog: (v: boolean) => void;
+}
+
+export const UpdateContext = createContext(null);
+
+export function useUpdate(): UpdateContextValue {
+ const ctx = useContext(UpdateContext);
+ if (!ctx) {
+ throw new Error("useUpdate must be used within an UpdateProvider");
+ }
+ return ctx;
+}
diff --git a/src/lib/claude-client.ts b/src/lib/claude-client.ts
index 3cbd06a..ca8dcdb 100644
--- a/src/lib/claude-client.ts
+++ b/src/lib/claude-client.ts
@@ -245,14 +245,23 @@ export function streamClaude(options: ClaudeStreamOptions): ReadableStream