@ibgib/space-gib 0.0.32 โ†’ 0.0.34

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 (112) hide show
  1. package/dist/client/bootstrap.mjs +24 -51
  2. package/dist/client/chunk-25PXC4HP.mjs +9914 -0
  3. package/dist/client/chunk-RXWLL2AI.mjs +30 -0
  4. package/dist/client/css/activity-bar.css +417 -0
  5. package/dist/client/css/base.css +167 -0
  6. package/dist/client/css/components.css +218 -0
  7. package/dist/client/css/cosmic.css +557 -0
  8. package/dist/client/css/dev-tools.css +163 -0
  9. package/dist/client/css/landing.css +184 -0
  10. package/dist/client/css/layout.css +896 -0
  11. package/dist/client/css/onboarding.css +181 -0
  12. package/dist/client/css/repos.css +740 -0
  13. package/dist/client/css/variables.css +64 -0
  14. package/dist/client/index.html +202 -31
  15. package/dist/client/index.mjs +31 -31
  16. package/dist/client/script.mjs +1 -1
  17. package/dist/client/style.css +11 -1056
  18. package/dist/respec-gib.node.mjs +5 -0
  19. package/dist/server/server.mjs +6879 -3109
  20. package/package.json +6 -6
  21. package/src/client/AUTO-GENERATED-version.mts +1 -1
  22. package/src/client/cosmos/seed-cosmos-workspace.mts +69 -0
  23. package/src/client/css/activity-bar.css +417 -0
  24. package/src/client/css/base.css +167 -0
  25. package/src/client/css/components.css +218 -0
  26. package/src/client/css/cosmic.css +557 -0
  27. package/src/client/css/dev-tools.css +163 -0
  28. package/src/client/css/landing.css +184 -0
  29. package/src/client/css/layout.css +896 -0
  30. package/src/client/css/onboarding.css +181 -0
  31. package/src/client/css/repos.css +740 -0
  32. package/src/client/css/variables.css +64 -0
  33. package/src/client/dev-tools/vcs-workspace.mts +3 -3
  34. package/src/client/index.html +202 -31
  35. package/src/client/style.css +11 -1056
  36. package/src/client/ui/component/chat-view/IMPLEMENTATION.md +48 -0
  37. package/src/client/ui/component/chat-view/chat-view.css +381 -0
  38. package/src/client/ui/component/chat-view/chat-view.html +104 -0
  39. package/src/client/ui/component/chat-view/chat-view.mts +277 -0
  40. package/src/client/ui/component/chat-view/index.mts +9 -0
  41. package/src/client/ui/component/clone/IMPLEMENTATION.md +68 -0
  42. package/src/client/ui/component/clone/clone-constants.mts +16 -0
  43. package/src/client/ui/component/clone/clone-types.mts +60 -0
  44. package/src/client/ui/component/clone/clone.css +383 -0
  45. package/src/client/ui/component/clone/clone.html +89 -0
  46. package/src/client/ui/component/clone/clone.mts +620 -0
  47. package/src/client/ui/component/clone/index.mts +11 -0
  48. package/src/client/ui/component/code-editor/IMPLEMENTATION.md +89 -0
  49. package/src/client/ui/component/code-editor/code-editor.css +275 -0
  50. package/src/client/ui/component/code-editor/code-editor.html +54 -0
  51. package/src/client/ui/component/code-editor/code-editor.mts +427 -0
  52. package/src/client/ui/component/code-editor/index.mts +9 -0
  53. package/src/client/ui/component/cosmos-navigator/IMPLEMENTATION.md +31 -0
  54. package/src/client/ui/component/cosmos-navigator/cosmos-navigator.css +864 -0
  55. package/src/client/ui/component/cosmos-navigator/cosmos-navigator.html +97 -0
  56. package/src/client/ui/component/cosmos-navigator/cosmos-navigator.mts +1084 -0
  57. package/src/client/ui/component/cosmos-navigator/index.mts +18 -0
  58. package/src/client/ui/component/file-explorer/IMPLEMENTATION.md +42 -0
  59. package/src/client/ui/component/file-explorer/file-explorer.css +256 -0
  60. package/src/client/ui/component/file-explorer/file-explorer.html +75 -0
  61. package/src/client/ui/component/file-explorer/file-explorer.mts +346 -0
  62. package/src/client/ui/component/file-explorer/index.mts +9 -0
  63. package/src/client/ui/component/nested-chat/IMPLEMENTATION.md +18 -0
  64. package/src/client/ui/component/nested-chat/chat/IMPLEMENTATION.md +14 -0
  65. package/src/client/ui/component/nested-chat/chat/chat-constants.mts +14 -0
  66. package/src/client/ui/component/nested-chat/chat/chat-helpers.mts +66 -0
  67. package/src/client/ui/component/nested-chat/chat/chat.css +654 -0
  68. package/src/client/ui/component/nested-chat/chat/chat.html +90 -0
  69. package/src/client/ui/component/nested-chat/chat/chat.mts +646 -0
  70. package/src/client/ui/component/nested-chat/chat/index.mts +7 -0
  71. package/src/client/ui/component/nested-chat/index.mts +14 -0
  72. package/src/client/ui/component/nested-chat/nested-chat-constants.mts +12 -0
  73. package/src/client/ui/component/nested-chat/nested-chat-types.mts +53 -0
  74. package/src/client/ui/component/nested-chat/nested-chat.css +142 -0
  75. package/src/client/ui/component/nested-chat/nested-chat.html +11 -0
  76. package/src/client/ui/component/nested-chat/nested-chat.mts +393 -0
  77. package/src/client/ui/component/notes-explorer/index.mts +9 -0
  78. package/src/client/ui/component/notes-explorer/notes-explorer.css +313 -0
  79. package/src/client/ui/component/notes-explorer/notes-explorer.html +136 -0
  80. package/src/client/ui/component/notes-explorer/notes-explorer.mts +240 -0
  81. package/src/client/ui/component/notes-inspector/index.mts +9 -0
  82. package/src/client/ui/component/notes-inspector/notes-inspector.css +244 -0
  83. package/src/client/ui/component/notes-inspector/notes-inspector.html +97 -0
  84. package/src/client/ui/component/notes-inspector/notes-inspector.mts +152 -0
  85. package/src/client/ui/component/pitch/IMPLEMENTATION.md +48 -0
  86. package/src/client/ui/component/pitch/index.mts +9 -0
  87. package/src/client/ui/component/pitch/pitch.css +295 -0
  88. package/src/client/ui/component/pitch/pitch.html +97 -0
  89. package/src/client/ui/component/pitch/pitch.mts +135 -0
  90. package/src/client/ui/component/timeline/IMPLEMENTATION.md +33 -0
  91. package/src/client/ui/component/timeline/index.mts +9 -0
  92. package/src/client/ui/component/timeline/timeline.css +264 -0
  93. package/src/client/ui/component/timeline/timeline.html +23 -0
  94. package/src/client/ui/component/timeline/timeline.mts +317 -0
  95. package/src/client/ui/component/timeline-item-details/IMPLEMENTATION.md +28 -0
  96. package/src/client/ui/component/timeline-item-details/index.mts +9 -0
  97. package/src/client/ui/component/timeline-item-details/timeline-item-details.css +286 -0
  98. package/src/client/ui/component/timeline-item-details/timeline-item-details.html +64 -0
  99. package/src/client/ui/component/timeline-item-details/timeline-item-details.mts +194 -0
  100. package/src/client/ui/router/index.mts +3 -0
  101. package/src/client/ui/router/space-gib-router-helpers.mts +272 -0
  102. package/src/client/ui/router/space-gib-router-helpers.respec.mts +353 -0
  103. package/src/client/ui/router/space-gib-router-service.mts +186 -0
  104. package/src/client/ui/router/space-gib-router-types.mts +93 -0
  105. package/src/client/ui/shell/cosmic-big-bang.mts +844 -0
  106. package/src/client/ui/shell/space-gib-shell-constants.mts +7 -0
  107. package/src/client/ui/shell/space-gib-shell-service.mts +1728 -31
  108. package/src/server/server.mts +20 -1
  109. package/tsconfig.test.json +5 -1
  110. package/dist/client/chunk-AX6BROMT.mjs +0 -1
  111. package/dist/client/chunk-CIQUGV7U.mjs +0 -25
  112. package/dist/client/chunk-YPCHYDKL.mjs +0 -3102
package/dist/client/css/variables.css ADDED
@@ -0,0 +1,64 @@
1
+ /* =========================================================================
2
+ space-gib โ€” style.css
3
+ Dark-first, glassmorphism, premium design.
4
+ ========================================================================= */
5
+
6
+ /* โ”€โ”€ Custom properties โ”€โ”€ */
7
+ :root {
8
+ /* Palette */
9
+ --clr-bg-deep: #05080f;
10
+ --clr-bg-surface: #0b1120;
11
+ --clr-bg-glass: rgba(11, 17, 32, 0.7);
12
+ --clr-border: rgba(120, 248, 126, 0.12);
13
+ --clr-border-hover: rgba(120, 248, 126, 0.32);
14
+
15
+ --clr-accent: #78f87e;
16
+ --clr-accent-dim: rgba(120, 248, 126, 0.35);
17
+ --clr-accent-glow: rgba(120, 248, 126, 0.15);
18
+
19
+ --clr-text-primary: #e8f0e8;
20
+ --clr-text-secondary: #8fa08f;
21
+ --clr-text-muted: #4a604a;
22
+
23
+ --clr-danger: #ff5b5b;
24
+ --clr-warn: #ffcc44;
25
+ --clr-info: #44aaff;
26
+
27
+ /* Typography */
28
+ --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
29
+ --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
30
+
31
+ /* Spacing / Layout */
32
+ --header-h: 60px;
33
+ --footer-h: 48px;
34
+ --radius-sm: 6px;
35
+ --radius-md: 12px;
36
+ --radius-lg: 20px;
37
+
38
+ /* Shadows */
39
+ --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.5), 0 0 0 1px var(--clr-border);
40
+ --shadow-glow: 0 0 32px var(--clr-accent-glow);
41
+ --shadow-dialog: 0 8px 48px rgba(0, 0, 0, 0.8), 0 0 0 1px var(--clr-border);
42
+
43
+ /* Panel Dimensions */
44
+ --left-panel-width: 250px;
45
+ --right-panel-width: 340px;
46
+ --footer-panel-height: 48px;
47
+
48
+ /* Transition */
49
+ --t-fast: 120ms ease;
50
+ --t-med: 240ms ease;
51
+ --t-slow: 400ms cubic-bezier(0.4, 0, 0.2, 1);
52
+
53
+ /* Tab Component Properties */
54
+ --tab-padding: 0.55rem 1.25rem;
55
+ --tab-background-color: rgba(255, 255, 255, 0.03);
56
+ --tab-background-color-hover: rgba(255, 255, 255, 0.08);
57
+ --tab-background-color-active: rgba(120, 248, 126, 0.1);
58
+ --tab-border-radius: var(--radius-sm) var(--radius-sm) 0 0;
59
+ --tab-border-width: 1px;
60
+ --tab-border-color: rgba(255, 255, 255, 0.05);
61
+ --tab-border-color-active: var(--clr-accent-dim);
62
+ --tab-text-color: var(--clr-text-secondary);
63
+ --tab-text-color-active: var(--clr-accent);
64
+ }
package/dist/client/index.html CHANGED
@@ -13,9 +13,10 @@
13
13
  <meta name="description"
14
14
  content="space-gib โ€” ibgib durable storage and SaaS provider. Store, retrieve, and manage ibgib data in a decentralized, content-addressed space." />
15
15
  <title>space-gib ยท ibgib.space</title>
16
- <link rel="stylesheet" type="text/css" href="style.css">
17
- <script type="module" src="script.mjs" defer></script>
18
- <script type="module" src="index.mjs" defer></script>
16
+ <base href="/" />
17
+ <link rel="stylesheet" type="text/css" href="/style.css">
18
+ <script type="module" src="/script.mjs" defer></script>
19
+ <script type="module" src="/index.mjs" defer></script>
19
20
  </head>
20
21
 
21
22
  <body>
@@ -50,28 +51,197 @@
50
51
  <div id="app-root" class="app-root">
51
52
 
52
53
  <!-- Header Panel -->
53
- <header id="header-panel" class="header-panel">
54
+ <header id="header-panel" class="header-panel pre-bang-hidden">
54
55
  <div class="header-content">
55
- <button id="btn-left-panel-toggle" class="panel-toggle-btn" aria-label="Toggle Left Panel">โ˜ฐ</button>
56
- <a id="space-gib-title-link" href="/" class="brand-link">
57
- <span class="brand-icon">โ—ˆ</span>
58
- <span class="brand-name">๐ŸŒŒ space<span class="brand-accent">-</span>gib ๐ŸŒŒ</span>
56
+ <button id="btn-left-panel-toggle" class="panel-toggle-btn" aria-label="Toggle Left Panel"
57
+ title="Toggle Left Panel"><span class="reflected-icon">โ—จ</span></button>
58
+ <a id="space-gib-title-link" href="/" class="brand-link" title="ibgib.space (Return to Polycosmos)">
59
+ <span class="brand-name">ibgib.space</span>
59
60
  </a>
60
- <nav class="header-nav" aria-label="Main navigation">
61
- <a href="/docs" class="nav-link">Docs</a>
62
- <a href="/api" class="nav-link">API</a>
63
- </nav>
61
+ <div class="header-breadcrumbs" id="header-breadcrumbs">
62
+ <span class="breadcrumb-sep">|</span>
63
+ <button id="btn-header-polycosmos" class="breadcrumb-btn polycosmos-btn" type="button"
64
+ title="Polycosmos (All Projects)">
65
+ <span class="breadcrumb-icon">๐Ÿ’ฅ</span>
66
+ </button>
67
+ <span class="breadcrumb-sep" id="header-breadcrumb-cosmos-sep">|</span>
68
+ <div class="cosmos-dropdown-wrapper" id="header-cosmos-wrapper">
69
+ <button id="btn-header-cosmos-select" class="breadcrumb-btn cosmos-select-btn" type="button"
70
+ title="Switch Cosmos Project">
71
+ <span class="breadcrumb-icon">๐ŸŒŒ</span>
72
+ <span class="breadcrumb-label" id="header-active-cosmos-name">Cosmos 1</span>
73
+ <span class="dropdown-arrow">โ–พ</span>
74
+ </button>
75
+ <div id="header-cosmos-menu" class="header-dropdown-menu hidden">
76
+ <!-- Dynamically populated list of cosmoses -->
77
+ </div>
78
+ </div>
79
+ <span id="header-temp-badge" class="header-temp-badge" style="display:none;" title="This workspace is temporary and lives purely in-memory in this browser session.">โœจ In-Memory (Temporary)</span>
80
+ </div>
81
+
82
+ <!-- Dead-Center Pitch / Investment Button (~90% header height, gold glow) -->
83
+ <button id="btn-header-pitch" class="header-pitch-btn" type="button"
84
+ title="Invest in space-gib (Pitch Deck &amp; Vision)">
85
+ <span class="pitch-btn-emoji">๐Ÿ’ฐ</span>
86
+ </button>
87
+
88
+ <!-- Clone Button -->
89
+ <button id="btn-header-clone" class="header-clone-btn" type="button"
90
+ title="Clone / Export Workspace">
91
+ <span class="clone-btn-icon">โค“</span>
92
+ <span class="clone-btn-label">Clone</span>
93
+ </button>
94
+
64
95
  <div id="identity-header-container"></div>
65
96
  <button id="btn-right-panel-toggle" class="panel-toggle-btn" aria-label="Toggle Right Panel">โ—จ</button>
66
97
  </div>
67
98
  </header>
68
99
 
100
+ <!-- In-Memory Playground Warning Banner -->
101
+ <div id="playground-banner" class="playground-banner hidden">
102
+ <div class="playground-banner-content">
103
+ <span class="playground-banner-icon">โœจ</span>
104
+ <span class="playground-banner-text">
105
+ <strong>Playground Mode:</strong> This workspace is in-memory and ephemeral. Changes and deep links are session-local.
106
+ </span>
107
+ <div class="playground-banner-actions">
108
+ <button id="btn-banner-create-identity" class="playground-banner-action-btn" type="button">
109
+ Sign In / Create Account
110
+ </button>
111
+ </div>
112
+ </div>
113
+ </div>
114
+
69
115
  <!-- Middle Content Row -->
70
116
  <div class="middle-row">
71
- <!-- Left Panel -->
117
+ <!-- Activity Bar (Cosmos Rail: Cosmos at Top, Dynamic App Spaces below) -->
118
+ <nav id="activity-bar" class="activity-bar collapsed" aria-label="Cosmos Activity Bar">
119
+ <div class="activity-bar-top">
120
+ <!-- Polycosmos Overview Button (All Projects) -->
121
+ <button id="activity-btn-polycosmos" class="activity-bar-btn activity-polycosmos-btn" type="button"
122
+ title="Polycosmos (All Projects)">
123
+ <span class="activity-icon">๐Ÿ’ฅ</span>
124
+ <span class="activity-label">Bang</span>
125
+ </button>
126
+
127
+ <!-- Cosmos Project Root / Navigation Button -->
128
+ <button id="activity-btn-cosmos" class="activity-bar-btn activity-cosmos-btn" type="button"
129
+ title="Cosmos Project &amp; Navigation">
130
+ <span class="activity-icon">๐ŸŒŒ</span>
131
+ <span class="activity-label">Cosmos</span>
132
+ </button>
133
+
134
+ <div class="activity-divider"></div>
135
+
136
+ <!-- Dynamic Spaces Container (Incremental Spaces added from Cosmos) -->
137
+ <div id="activity-spaces-container" class="activity-spaces-container">
138
+ <!-- Dynamically populated space buttons appear here -->
139
+ </div>
140
+ </div>
141
+
142
+ <div class="activity-bar-bottom">
143
+ <button id="activity-btn-settings" class="activity-bar-btn" type="button" title="Global Settings">
144
+ <span class="activity-icon">โš™๏ธ</span>
145
+ </button>
146
+ </div>
147
+ </nav>
148
+
149
+ <!-- Left Panel (Primary Side Bar for active space) -->
72
150
  <aside id="left-panel" class="side-panel left-panel collapsed">
73
- <div class="panel-content-inner">
74
- <p class="placeholder-text">Left Panel Content</p>
151
+ <div class="panel-content-inner left-panel-content">
152
+ <!-- Polycosmos Overview & Projects List (Active when Polycosmos ๐Ÿ’ฅ is clicked) -->
153
+ <div id="left-panel-polycosmos-view" class="space-side-view" style="display: none;">
154
+ <div class="side-view-header">
155
+ <span class="side-view-title">
156
+ <span class="side-icon">๐Ÿ’ฅ</span>
157
+ Polycosmos
158
+ </span>
159
+ <div class="side-view-actions">
160
+ <button id="btn-side-new-cosmos" class="side-icon-btn" type="button"
161
+ title="New Cosmos (Big Bang)">+</button>
162
+ </div>
163
+ </div>
164
+
165
+ <div class="cosmos-meta-card">
166
+ <div class="cosmos-meta-row">
167
+ <span class="meta-label">All Cosmoses:</span>
168
+ <span class="meta-val" id="polycosmos-total-count">0</span>
169
+ </div>
170
+ </div>
171
+
172
+ <div class="cosmos-spaces-summary">
173
+ <div class="summary-header">
174
+ <span class="summary-title">Cosmos Projects</span>
175
+ </div>
176
+ <div id="polycosmos-projects-list" class="cosmos-spaces-list">
177
+ <!-- Dynamically rendered list of cosmos projects -->
178
+ </div>
179
+ </div>
180
+ </div>
181
+
182
+ <!-- Cosmos Project Overview & Settings (Active when Cosmos ๐ŸŒŒ is clicked) -->
183
+ <div id="left-panel-cosmos-view" class="space-side-view">
184
+ <div class="side-view-header">
185
+ <span class="side-view-title">
186
+ <span class="side-icon">๐ŸŒŒ</span>
187
+ Cosmos Settings
188
+ </span>
189
+ <div class="side-view-actions">
190
+ <button id="btn-side-add-space" class="side-icon-btn" type="button"
191
+ title="Add Space to Cosmos">+</button>
192
+ <button id="btn-side-cosmos-settings" class="side-icon-btn" type="button"
193
+ title="Cosmos Project Settings">โš™๏ธ</button>
194
+ </div>
195
+ </div>
196
+
197
+ <div class="cosmos-meta-card">
198
+ <div class="cosmos-meta-row">
199
+ <span class="meta-label">Cosmos:</span>
200
+ <span class="meta-val" id="cosmos-project-name">my-cosmos</span>
201
+ </div>
202
+ <div class="cosmos-meta-row">
203
+ <span class="meta-label">Topology:</span>
204
+ <span class="meta-val">Decentralized Project</span>
205
+ </div>
206
+ </div>
207
+
208
+ <div class="cosmos-spaces-summary">
209
+ <div class="summary-header">
210
+ <span class="summary-title">Attached Spaces</span>
211
+ <span class="summary-counter" id="cosmos-spaces-count">0</span>
212
+ </div>
213
+ <div id="cosmos-spaces-list" class="cosmos-spaces-list">
214
+ <p class="empty-list-note">No spaces added yet.<br>Click Code or Text in Cosmos to attach a space.</p>
215
+ </div>
216
+ </div>
217
+ </div>
218
+
219
+ <!-- Code Spaces View (Active when a Code Space button is selected) -->
220
+ <div id="left-panel-code-view" class="space-side-view" style="display: none;">
221
+ <div class="side-view-header">
222
+ <span class="side-view-title">
223
+ <span class="side-icon">&lt;/&gt;</span>
224
+ <span id="left-code-space-title">Code Space 1</span>
225
+ </span>
226
+ <div class="side-view-actions">
227
+ <button id="btn-side-new-space" class="side-icon-btn" type="button"
228
+ title="Initialize New Space">+</button>
229
+ <button id="btn-side-clone-space" class="side-icon-btn" type="button"
230
+ title="Clone Remote Space">โฌ‡</button>
231
+ </div>
232
+ </div>
233
+
234
+ <!-- File Explorer Container (Web Component injected dynamically) -->
235
+ <div id="code-file-explorer-container" class="code-file-explorer-container"></div>
236
+ <!-- Timeline Container (Web Component injected dynamically) -->
237
+ <div id="code-timeline-container" class="code-timeline-container"></div>
238
+ </div>
239
+
240
+ <!-- Text Spaces View (Active when a Text Space button is selected) -->
241
+ <div id="left-panel-text-view" class="space-side-view" style="display: none;">
242
+ <!-- Notes Explorer Container (Web Component injected dynamically) -->
243
+ <div id="notes-explorer-container" class="notes-explorer-container"></div>
244
+ </div>
75
245
  </div>
76
246
  </aside>
77
247
 
@@ -81,17 +251,12 @@
81
251
  <!-- Center Panel -->
82
252
  <main id="center-panel" class="center-panel">
83
253
  <div id="center-panel-content" class="center-panel-content">
84
- <section class="hero-section">
85
- <div class="hero-glyph" aria-hidden="true">โ—ˆ</div>
86
- <h1 class="hero-title">space-gib</h1>
87
- <p class="hero-tagline">
88
- Durable, content-addressed ibgib storage.<br>
89
- Your data, your keystone, your space.
90
- </p>
91
- <div class="cta-row">
92
- <a href="/docs" class="cta-btn cta-secondary">Learn More</a>
93
- </div>
94
- </section>
254
+ <!-- Dynamic IbGib Web Components (space-gib-cosmos-navigator, space-gib-code-editor, space-gib-pitch, ibgib-identity-manager, etc.) are injected directly here via componentSvc.inject() -->
255
+ </div>
256
+
257
+ <!-- COLLAPSIBLE DEV TOOLS & ENGINE STATUS (Permanently hidden, kept for dev diagnostic tests) -->
258
+ <details id="dev-tools-collapsible" class="dev-tools-collapsible" style="display: none !important;">
259
+ <summary class="dev-tools-summary">๐Ÿ› ๏ธ Developer Diagnostics &amp; Engine Status</summary>
95
260
 
96
261
  <!-- Status / health indicator -->
97
262
  <section class="status-section" id="status-section" aria-live="polite">
@@ -286,7 +451,7 @@
286
451
 
287
452
  <pre id="dev-panel-log" class="dev-panel-log" aria-live="polite" aria-label="Dev log"></pre>
288
453
  </section>
289
- </div>
454
+ </details>
290
455
  </main>
291
456
 
292
457
  <!-- Right Resizer -->
@@ -294,22 +459,28 @@
294
459
 
295
460
  <!-- Right Panel -->
296
461
  <aside id="right-panel" class="side-panel right-panel collapsed">
297
- <div class="panel-content-inner">
298
- <p class="placeholder-text">Right Panel Content</p>
462
+ <div class="panel-content-inner right-panel-content">
463
+ <!-- Code Space Chat / Companion Notes View Container (Web Component injected dynamically) -->
464
+ <div id="code-chat-view-container" class="code-chat-view-container"></div>
465
+ <!-- Notes Mode Contextual Inspector Container (Web Component injected dynamically) -->
466
+ <div id="notes-inspector-container" class="notes-inspector-container" style="display: none;"></div>
299
467
  </div>
300
468
  </aside>
301
469
  </div>
302
470
 
303
471
  <!-- Footer Resizer -->
304
- <div id="footer-resizer" class="resizer resizer-h"></div>
472
+ <div id="footer-resizer" class="resizer resizer-h pre-bang-hidden"></div>
305
473
 
306
474
  <!-- Footer Panel -->
307
- <footer id="footer-panel" class="footer-panel">
475
+ <footer id="footer-panel" class="footer-panel pre-bang-hidden">
308
476
  <p class="footer-text">
309
477
  <span>ยฉ ibgib contributors</span> ยท
310
478
  <a href="https://ibgib.space" class="footer-link">ibgib.space</a> ยท
311
479
  <a href="#" id="link-privacy-policy" class="footer-link">Privacy Policy</a>
312
480
  </p>
481
+ <button id="btn-footer-agent" class="footer-agent-btn" type="button" title="Open Agent Chat">
482
+ <span class="footer-agent-emoji">๐Ÿค–</span>
483
+ </button>
313
484
  </footer>
314
485
 
315
486
  </div>