Add Homebrew install instructions, auto-select cell, and TLS icons

- Add Homebrew installation to README.md Quick Start section
- Auto-select cell after query execution so right pane updates automatically
- Add TLS status icons next to server names in explorer:
  - Green lock: TLS enabled with certificate verification
  - Yellow lock: TLS enabled but skip-verify
  - Red unlock: No TLS (insecure connection)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: prmoore77

README.md

@@ -11,9 +11,16 @@ A web-based SQL interface for GizmoSQL servers. GizmoSQL UI provides a modern, r
 
 ## Quick Start
 
+### macOS (Homebrew)
+
+```bash
+brew install gizmodata/tap/gizmosql-ui
+gizmosql-ui
+```
+
 ### Using Pre-built Executable
 
-Download the appropriate executable for your platform from the releases page, then run:
+Download the appropriate executable for your platform from the [releases page](https://github.com/gizmodata/gizmosql-ui/releases), then run:
 
 ```bash
 ./gizmosql-ui

src/frontend/src/App.tsx

@@ -1,4 +1,4 @@
-import { useState, useCallback } from 'react';
+import { useState, useCallback, useMemo } from 'react';
 import { AppProvider, useApp } from './context/AppContext';
 import { NotebookExplorer } from './components/NotebookExplorer';
 import { ServerExplorer } from './components/ServerExplorer';
@@ -20,13 +20,20 @@ interface SelectedTable {
 function AppContent() {
   const { state, toggleTheme, updateCellServer, executeCell } = useApp();
   const [showAddServer, setShowAddServer] = useState(false);
-  const [selectedCell, setSelectedCell] = useState<Cell | null>(null);
+  const [selectedCellId, setSelectedCellId] = useState<string | null>(null);
   const [selectedTable, setSelectedTable] = useState<SelectedTable | null>(null);
   const [leftSidebarWidth, setLeftSidebarWidth] = useState(260);
   const [rightSidebarWidth, setRightSidebarWidth] = useState(280);
   const [tableDetailsHeight, setTableDetailsHeight] = useState(280);
   const [pendingExecuteCellId, setPendingExecuteCellId] = useState<string | null>(null);
 
+  // Derive selected cell from state so it updates when cell result changes
+  const selectedCell = useMemo(() => {
+    if (!selectedCellId) return null;
+    const activeNotebook = state.notebooks.find(n => n.id === state.activeNotebookId);
+    return activeNotebook?.cells.find(c => c.id === selectedCellId) || null;
+  }, [selectedCellId, state.notebooks, state.activeNotebookId]);
+
   const handleTableSelect = useCallback((serverId: string, catalog: string, schema: string, tableName: string) => {
     console.log('Table selected:', serverId, catalog, schema, tableName);
     setSelectedTable({ serverId, catalog, schema, tableName });
@@ -183,7 +190,7 @@ function AppContent() {
 
         {/* Main area */}
         <main className="main-content">
-          <NotebookView onCellSelect={setSelectedCell} onRequestConnection={handleRequestConnection} />
+          <NotebookView onCellSelect={(cell) => setSelectedCellId(cell?.id || null)} onRequestConnection={handleRequestConnection} />
         </main>
 
         {/* Right sidebar */}

src/frontend/src/components/Cell.tsx

@@ -26,6 +26,9 @@ export function Cell({ notebookId, cell, isActive, onActivate, onAddCellBelow, o
   const executeRef = useRef<() => void>(() => {});
 
   const handleExecute = useCallback(() => {
+    // Auto-activate this cell when executing so right pane updates
+    onActivate();
+
     console.log('Executing cell:', cell.id, 'serverId:', cell.serverId, 'servers:', state.servers.length);
     console.log('onRequestConnection available:', !!onRequestConnection);
 
@@ -70,7 +73,7 @@ export function Cell({ notebookId, cell, isActive, onActivate, onAddCellBelow, o
     }
 
     executeCell(notebookId, cell.id);
-  }, [executeCell, notebookId, cell.id, cell.serverId, state.servers, updateCellServer, onRequestConnection]);
+  }, [executeCell, notebookId, cell.id, cell.serverId, state.servers, updateCellServer, onRequestConnection, onActivate]);
 
   const handleServerSelect = (serverId: string) => {
     updateCellServer(notebookId, cell.id, serverId);

src/frontend/src/components/ServerExplorer.css

@@ -155,6 +155,24 @@
   color: var(--primary-color);
 }
 
+/* TLS status icons */
+.tls-icon {
+  flex-shrink: 0;
+  margin-left: -2px;
+}
+
+.tls-secure {
+  color: #22c55e; /* green */
+}
+
+.tls-warning {
+  color: #eab308; /* yellow */
+}
+
+.tls-insecure {
+  color: #ef4444; /* red */
+}
+
 .icon-catalog {
   color: #f59e0b;
 }

src/frontend/src/components/ServerExplorer.tsx

@@ -2,7 +2,7 @@ import { useState, useCallback } from 'react';
 import { useApp } from '../context/AppContext';
 import { ServerConnection } from '../types';
 import { VscFolder, VscTable, VscEye } from 'react-icons/vsc';
-import { Database, Server } from 'lucide-react';
+import { Database, Server, Lock, LockOpen } from 'lucide-react';
 import './ServerExplorer.css';
 
 interface TreeNode {
@@ -271,6 +271,20 @@ export function ServerExplorer({ onAddServer, onTableSelect }: ServerExplorerPro
                     {isLoading ? <span className="loading-spinner">⟳</span> : '▶'}
                   </span>
                   <Server className="node-icon-svg icon-server" size={16} />
+                  {/* TLS status icon */}
+                  {server.useTls ? (
+                    <Lock
+                      className={`tls-icon ${server.skipTlsVerify ? 'tls-warning' : 'tls-secure'}`}
+                      size={12}
+                      title={server.skipTlsVerify ? 'TLS enabled (certificate not verified)' : 'TLS enabled (certificate verified)'}
+                    />
+                  ) : (
+                    <LockOpen
+                      className="tls-icon tls-insecure"
+                      size={12}
+                      title="Connection is not encrypted (insecure)"
+                    />
+                  )}
                   <span className="server-status-dot" data-status={server.status}></span>
                   <span className="server-name">{server.name}</span>
                   <button