From 0c3435fa991ccabad4bf62e3a801e9000434f746 Mon Sep 17 00:00:00 2001 From: Mike Swanson Date: Mon, 29 Dec 2025 21:15:35 -0700 Subject: [PATCH] Add native viewer option to Connect button --- server/static/dashboard.html | 142 ++++++++++++++++++++++++++++++++++- 1 file changed, 139 insertions(+), 3 deletions(-) diff --git a/server/static/dashboard.html b/server/static/dashboard.html index ebcd78c..b3c2093 100644 --- a/server/static/dashboard.html +++ b/server/static/dashboard.html @@ -330,6 +330,52 @@ } .chat-send:hover { opacity: 0.9; } .chat-send:disabled { opacity: 0.5; cursor: not-allowed; } + + /* Connect Options Modal */ + .connect-options { padding: 20px; } + .connect-option { + display: flex; + align-items: center; + gap: 16px; + padding: 16px; + margin-bottom: 12px; + background: hsl(var(--muted)); + border: 1px solid hsl(var(--border)); + border-radius: 8px; + cursor: pointer; + transition: all 0.2s; + } + .connect-option:hover { border-color: hsl(var(--primary)); background: hsla(var(--primary), 0.1); } + .connect-option-icon { font-size: 24px; width: 40px; text-align: center; } + .connect-option-info { flex: 1; } + .connect-option-title { font-weight: 600; margin-bottom: 4px; } + .connect-option-desc { font-size: 12px; color: hsl(var(--muted-foreground)); } + + .native-command { + margin-top: 16px; + padding: 12px; + background: hsl(222.2 84% 2%); + border: 1px solid hsl(var(--border)); + border-radius: 6px; + font-family: monospace; + font-size: 12px; + word-break: break-all; + position: relative; + } + .native-command code { color: hsl(142, 76%, 50%); } + .copy-btn { + position: absolute; + top: 8px; + right: 8px; + padding: 4px 8px; + font-size: 11px; + background: hsl(var(--primary)); + color: hsl(var(--primary-foreground)); + border: none; + border-radius: 4px; + cursor: pointer; + } + .copy-btn:hover { opacity: 0.9; } @@ -528,6 +574,41 @@ + + +