feat(settings): add configurable model selection

- Add Model settings section with free-text input for model override
- Pass configured model through to SDK query() calls
- Display active model badge in ActionBar next to token usage
- Seed model state from DB on mount, update from system:init events
- Empty/unset value uses SDK default (no breaking change)

1 files changed, 9 insertions, 0 deletions

diff --git a/renderer/src/components/ActionBar.tsx b/renderer/src/components/ActionBar.tsx
index 22f34b4..d270583 100644
--- a/renderer/src/components/ActionBar.tsx
+++ b/renderer/src/components/ActionBar.tsx
@@ -11,6 +11,7 @@ interface ActionBarProps {
   onSubmit: () => void;
   onPermissionModeChange: (mode: PermissionMode) => void;
   disabled: boolean;
+  modelName?: string | null;
 }
 
 export function ActionBar({
@@ -23,6 +24,7 @@ export function ActionBar({
   onSubmit,
   onPermissionModeChange,
   disabled,
+  modelName,
 }: ActionBarProps) {
   const totalTokens = tokenUsage.inputTokens + tokenUsage.outputTokens;
   const maxTokens = 200000;
@@ -52,6 +54,13 @@ export function ActionBar({
           </span>
         </div>
 
+        {/* ── Model badge ── */}
+        {modelName && (
+          <span className="model-badge" title="Active model">
+            {modelName}
+          </span>
+        )}
+
         {phase === "implement" && (
           <label className="permission-toggle">
             <input