total-recall-brain 3.2.2 → 3.3.0

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.
@@ -7,31 +7,130 @@
7
7
  </head>
8
8
  <body>
9
9
  <div class="panel">
10
+ <!-- Header -->
10
11
  <header class="panel-header">
11
12
  <h1>🧠 Total Recall</h1>
12
- <div id="connection-dot" class="dot"></div>
13
- </header>
14
- <div class="search-box">
15
- <input type="text" id="search-input" placeholder="Search your brain..." />
16
- </div>
17
- <div id="memories-list" class="memories-list"></div>
18
- <div class="quick-actions">
19
- <button id="btn-remember" class="action-btn">📌 Remember Page</button>
20
- <button id="btn-research" class="action-btn">🔬 Research Page</button>
21
- <button id="btn-note" class="action-btn">📝 Quick Note</button>
22
- </div>
23
- <div id="note-area" class="note-area hidden">
24
- <textarea id="note-input" placeholder="Type your note..."></textarea>
25
- <div class="note-actions">
26
- <button id="btn-save-note" class="action-btn accent">Save Note</button>
27
- <button id="btn-cancel-note" class="action-btn">Cancel</button>
13
+ <div style="display: flex; align-items: center; gap: 8px;">
14
+ <span id="active-brain-badge" class="badge">Global</span>
15
+ <div id="connection-dot" class="dot"></div>
28
16
  </div>
29
- </div>
30
- <div id="research-feed" class="research-feed">
31
- <h3>Active Research</h3>
32
- <div id="research-list"></div>
17
+ </header>
18
+
19
+ <!-- Tab Navigation Bar -->
20
+ <nav class="tab-bar">
21
+ <button class="tab-btn active" data-tab="memories">🧠 Memories</button>
22
+ <button class="tab-btn" data-tab="chat">💬 Chat</button>
23
+ <button class="tab-btn" data-tab="research">🔬 Research</button>
24
+ <button class="tab-btn" data-tab="settings">⚙️ Settings</button>
25
+ </nav>
26
+
27
+ <!-- Tab Panels Container -->
28
+ <div class="tab-content-container">
29
+
30
+ <!-- Panel 1: Memories -->
31
+ <section id="tab-memories" class="tab-panel active">
32
+ <div class="search-box">
33
+ <input type="text" id="search-input" placeholder="Search your brain..." />
34
+ </div>
35
+ <div id="memories-list" class="memories-list"></div>
36
+ <div class="quick-actions">
37
+ <button id="btn-remember" class="action-btn">📌 Remember Page</button>
38
+ <button id="btn-research" class="action-btn">🔬 Research Page</button>
39
+ <button id="btn-note" class="action-btn">📝 Quick Note</button>
40
+ </div>
41
+ <div id="note-area" class="note-area hidden">
42
+ <textarea id="note-input" placeholder="Type your note..."></textarea>
43
+ <div class="note-actions">
44
+ <button id="btn-save-note" class="action-btn accent">Save Note</button>
45
+ <button id="btn-cancel-note" class="action-btn">Cancel</button>
46
+ </div>
47
+ </div>
48
+ </section>
49
+
50
+ <!-- Panel 2: Chat -->
51
+ <section id="tab-chat" class="tab-panel">
52
+ <div id="chat-messages" class="chat-messages">
53
+ <div class="chat-bubble assistant">
54
+ Hello! Ask me anything about your memories or the current page!
55
+ </div>
56
+ </div>
57
+
58
+ <!-- Suggestions row -->
59
+ <div class="chat-suggestions">
60
+ <button class="suggestion-btn" id="btn-suggest-summarize">💡 Summarize Page</button>
61
+ <button class="suggestion-btn" id="btn-suggest-related">🔍 Find Related Notes</button>
62
+ </div>
63
+
64
+ <!-- Web grounding control -->
65
+ <div class="chat-grounding-row">
66
+ <label class="grounding-checkbox-label">
67
+ <input type="checkbox" id="chat-grounding-toggle" checked />
68
+ 🔌 Feed current webpage context
69
+ </label>
70
+ </div>
71
+
72
+ <!-- Input row -->
73
+ <div class="chat-input-bar">
74
+ <textarea id="chat-input" placeholder="Ask your brain... (Shift+Enter for newline)"></textarea>
75
+ <button id="btn-send-chat" class="chat-send-btn">
76
+ <svg viewBox="0 0 24 24" fill="currentColor" width="16" height="16">
77
+ <path d="M3.478 2.405a.75.75 0 00-.926.94l2.432 7.905H13.5a.75.75 0 010 1.5H4.984l-2.432 7.905a.75.75 0 00.926.94 60.519 60.519 0 0018.445-8.986.75.75 0 000-1.218A60.517 60.517 0 003.478 2.405z" />
78
+ </svg>
79
+ </button>
80
+ </div>
81
+ </section>
82
+
83
+ <!-- Panel 3: Research -->
84
+ <section id="tab-research" class="tab-panel">
85
+ <div class="research-feed">
86
+ <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;">
87
+ <h3>Active Background Research</h3>
88
+ <button id="btn-refresh-research" class="refresh-btn">🔄 Refresh</button>
89
+ </div>
90
+ <div id="research-list"></div>
91
+ </div>
92
+ </section>
93
+
94
+ <!-- Panel 4: Settings -->
95
+ <section id="tab-settings" class="tab-panel">
96
+ <div class="settings-panel">
97
+ <h3>Sovereign Configuration</h3>
98
+
99
+ <div class="settings-group">
100
+ <label for="settings-brain-selector">Active Brain Layer</label>
101
+ <select id="settings-brain-selector" class="settings-select">
102
+ <option value="global">Global Brain</option>
103
+ </select>
104
+ <span class="settings-help">Project brain layers override global rules dynamically</span>
105
+ </div>
106
+
107
+ <div class="settings-group">
108
+ <label>Passive Tracking</label>
109
+ <div style="display: flex; justify-content: space-between; align-items: center; background: #1e1e2e; padding: 10px 12px; border-radius: 10px; border: 1px solid #313244;">
110
+ <span style="font-size: 13px; color: #a6adc8;">Capture page logs in background</span>
111
+ <label class="switch">
112
+ <input type="checkbox" id="settings-tracking-toggle" />
113
+ <span class="slider"></span>
114
+ </label>
115
+ </div>
116
+ </div>
117
+
118
+ <div class="settings-group">
119
+ <label>Current Domain Actions</label>
120
+ <button id="btn-block-domain" class="action-btn error" style="width: 100%; margin-bottom: 8px;">🚫 Block Current Domain</button>
121
+ <span class="settings-help">Prevents passive capturing on this domain</span>
122
+ </div>
123
+
124
+ <div class="settings-group" style="margin-top: auto; padding-top: 16px; border-top: 1px solid #313244;">
125
+ <button id="btn-recompile-brain" class="action-btn accent" style="width: 100%;">⚡ Recompile Brain Indexes</button>
126
+ <span class="settings-help" style="text-align: center; display: block; margin-top: 4px;">Forcibly rebuilds vector embeddings and rules shims</span>
127
+ </div>
128
+ </div>
129
+ </section>
130
+
33
131
  </div>
34
132
  </div>
133
+ <script src="../lib/preconfigured.js"></script>
35
134
  <script src="../lib/brain-client.js"></script>
36
135
  <script src="sidepanel.js"></script>
37
136
  </body>