agentgui 1.0.896 → 1.0.898

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/docs/demo.html +816 -0
  2. package/package.json +1 -1
  3. package/static/app.js +23 -0
  4. package/static/css/gmail-skin.css +588 -303
  5. package/static/index.html +25 -0
package/static/index.html CHANGED
@@ -45,6 +45,7 @@
45
45
  <link rel="stylesheet" href="/gm/css/main.css">
46
46
  <link rel="stylesheet" href="/gm/css/tools-popup.css" media="print" onload="this.media='all'">
47
47
  <link rel="stylesheet" href="/gm/css/brand-bible.css">
48
+ <link rel="stylesheet" href="/gm/css/gmail-skin.css">
48
49
  </head>
49
50
  <body>
50
51
  <a href="#app" class="skip-link">Skip to conversation</a>
@@ -53,6 +54,26 @@
53
54
  <div class="sidebar-overlay" data-sidebar-overlay></div>
54
55
 
55
56
  <div class="app-shell">
57
+ <!-- ===== GMAIL NAV RAIL ===== -->
58
+ <nav class="nav-rail" aria-label="Navigation">
59
+ <button class="nav-rail-item nav-rail-compose" id="newConversationBtnRail" data-new-conversation title="Compose (Ctrl+N)" aria-label="New conversation">
60
+ <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h9"/><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"/></svg>
61
+ <span class="nav-rail-label">Compose</span>
62
+ </button>
63
+ <button class="nav-rail-item nav-rail-inbox active" data-nav-rail="inbox" title="Inbox" aria-label="Inbox">
64
+ <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 12 16 12 14 15 10 15 8 12 2 12"/><path d="M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"/></svg>
65
+ <span class="nav-rail-label">Chats</span>
66
+ </button>
67
+ <button class="nav-rail-item" id="viewArchivedBtnRail" data-nav-rail="archived" title="Archived" aria-label="Archived conversations">
68
+ <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 8v13H3V8"/><path d="M1 3h22v5H1z"/><path d="M10 12h4"/></svg>
69
+ <span class="nav-rail-label">Archived</span>
70
+ </button>
71
+ <button class="nav-rail-item" id="toolsManagerBtnRail" data-nav-rail="tools" title="Tools" aria-label="Tools">
72
+ <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/></svg>
73
+ <span class="nav-rail-label">Tools</span>
74
+ </button>
75
+ </nav>
76
+
56
77
  <!-- ===== SIDEBAR ===== -->
57
78
  <aside class="sidebar" data-sidebar role="navigation" aria-label="Conversation history">
58
79
  <div class="sidebar-header">
@@ -122,6 +143,10 @@
122
143
  </svg>
123
144
  </button>
124
145
 
146
+ <div class="header-search-wrap">
147
+ <svg class="header-search-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
148
+ <input class="header-search-input" id="headerSearchInput" type="text" placeholder="Search in chats" autocomplete="off" spellcheck="false" aria-label="Search conversations">
149
+ </div>
125
150
  <h1 class="header-title brand-line">247420<span class="slash"> / </span>agentgui<span class="slash"> / </span><span class="leaf" id="headerLeaf">chat</span></h1>
126
151
 
127
152
  <div class="header-controls">