Link AIM help docs to GitHub

Author: PV

ui/aim-chat/src/components/HelpPanel.tsx

@@ -11,6 +11,8 @@ interface DocLink {
   description: string
 }
 
+const REPO_DOCS_BASE = 'https://github.com/corpollc/qntm/blob/main/'
+
 const agentReasons = [
   'Agents get a stable encrypted inbox instead of ad hoc webhooks, throwaway chats, or plain-text relay logs.',
   'Each message is tied to a persistent cryptographic identity, so an agent can prove who it is across sessions.',
@@ -157,16 +159,29 @@ export function HelpPanel() {
         <div className="help-docs-list">
           {docs.map((doc) => (
             <div key={doc.path} className="help-doc">
-              <div className="help-doc-title">{doc.label}</div>
-              <div className="help-doc-path"><code>{doc.path}</code></div>
+              <a
+                className="help-doc-link"
+                href={`${REPO_DOCS_BASE}${doc.path}`}
+                target="_blank"
+                rel="noreferrer"
+              >
+                <div className="help-doc-title">{doc.label}</div>
+                <div className="help-doc-path"><code>{doc.path}</code></div>
+              </a>
               <div className="help-doc-description">{doc.description}</div>
             </div>
           ))}
         </div>
       </section>
 
       <footer className="help-footer">
-        <p>qntm Messenger v{APP_VERSION} — See <code>docs/CHANGELOG.md</code> for release notes.</p>
+        <p>
+          qntm Messenger v{APP_VERSION} — See{' '}
+          <a href={`${REPO_DOCS_BASE}docs/CHANGELOG.md`} target="_blank" rel="noreferrer">
+            <code>docs/CHANGELOG.md</code>
+          </a>{' '}
+          for release notes.
+        </p>
       </footer>
     </div>
   )

ui/aim-chat/src/styles/overlays.css

@@ -520,6 +520,19 @@
   color: var(--text-primary);
 }
 
+.help-doc-link {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  color: inherit;
+  text-decoration: none;
+}
+
+.help-doc-link:hover .help-doc-title,
+.help-footer a:hover {
+  text-decoration: underline;
+}
+
 .help-doc-path code,
 .help-footer code {
   font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;
@@ -546,6 +559,11 @@
   margin: 0;
 }
 
+.help-footer a {
+  color: inherit;
+  text-decoration: none;
+}
+
 @media (max-width: 820px) {
   .help-grid {
     grid-template-columns: 1fr;