From 376fe18b83b69ac6d6c028ffd9324ab83dbb73c3 Mon Sep 17 00:00:00 2001
From: AI Christianson <ai.christianson@christianson.ai>
Date: Tue, 11 Mar 2025 14:55:43 -0400
Subject: [PATCH] activity panel

---
 vsc/assets/RA-white-transp.png | Bin 0 -> 6699 bytes
 vsc/package.json               |  20 ++++-
 vsc/src/extension.ts           | 137 +++++++++++++++++++++++++++++----
 3 files changed, 141 insertions(+), 16 deletions(-)
 create mode 100644 vsc/assets/RA-white-transp.png

diff --git a/vsc/assets/RA-white-transp.png b/vsc/assets/RA-white-transp.png
new file mode 100644
index 0000000000000000000000000000000000000000..b5f1da9a82ea52daad905a9396fb76cef77be937
GIT binary patch
literal 6699
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
Ns1B}_f^`A0{{tP;aMu6;

literal 0
HcmV?d00001

diff --git a/vsc/package.json b/vsc/package.json
index f2e8bc6..55a23a3 100644
--- a/vsc/package.json
+++ b/vsc/package.json
@@ -12,6 +12,24 @@
   "activationEvents": [],
   "main": "./dist/extension.js",
   "contributes": {
+    "viewsContainers": {
+      "activitybar": [
+        {
+          "id": "ra-aid-view",
+          "title": "RA.Aid",
+          "icon": "assets/RA-white-transp.png"
+        }
+      ]
+    },
+    "views": {
+      "ra-aid-view": [
+        {
+          "type": "webview",
+          "id": "ra-aid.view",
+          "name": "RA.Aid"
+        }
+      ]
+    },
     "commands": [
       {
         "command": "ra-aid.helloWorld",
@@ -46,4 +64,4 @@
     "@vscode/test-cli": "^0.0.10",
     "@vscode/test-electron": "^2.4.1"
   }
-}
+}
\ No newline at end of file
diff --git a/vsc/src/extension.ts b/vsc/src/extension.ts
index 73d0d4b..537c756 100644
--- a/vsc/src/extension.ts
+++ b/vsc/src/extension.ts
@@ -1,26 +1,133 @@
 // The module 'vscode' contains the VS Code extensibility API
-// Import the module and reference it with the alias vscode in your code below
 import * as vscode from 'vscode';
 
+/**
+ * WebviewViewProvider implementation for the RA.Aid panel
+ */
+class RAWebviewViewProvider implements vscode.WebviewViewProvider {
+  constructor(private readonly _extensionUri: vscode.Uri) {}
+
+  /**
+   * Called when a view is first created to initialize the webview
+   */
+  public resolveWebviewView(
+    webviewView: vscode.WebviewView,
+    context: vscode.WebviewViewResolveContext,
+    _token: vscode.CancellationToken
+  ) {
+    // Set options for the webview
+    webviewView.webview.options = {
+      // Enable JavaScript in the webview
+      enableScripts: true,
+      // Restrict the webview to only load resources from the extension's directory
+      localResourceRoots: [this._extensionUri]
+    };
+
+    // Set the HTML content of the webview
+    webviewView.webview.html = this._getHtmlForWebview(webviewView.webview);
+  }
+
+  /**
+   * Creates HTML content for the webview with proper security policies
+   */
+  private _getHtmlForWebview(webview: vscode.Webview): string {
+    // Create a URI to the extension's assets directory
+    const logoUri = webview.asWebviewUri(vscode.Uri.joinPath(this._extensionUri, 'assets', 'RA.png'));
+
+    // Create a URI to the script file
+    // const scriptUri = webview.asWebviewUri(vscode.Uri.joinPath(this._extensionUri, 'dist', 'webview.js'));
+
+    // Use a nonce to whitelist scripts
+    const nonce = getNonce();
+
+    return `<!DOCTYPE html>
+      <html lang="en">
+      <head>
+        <meta charset="UTF-8">
+        <meta http-equiv="Content-Security-Policy" content="default-src 'none'; img-src ${webview.cspSource} https:; style-src ${webview.cspSource} 'unsafe-inline'; script-src 'nonce-${nonce}';">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>RA.Aid</title>
+        <style>
+          body {
+            padding: 0;
+            color: var(--vscode-foreground);
+            font-size: var(--vscode-font-size);
+            font-weight: var(--vscode-font-weight);
+            font-family: var(--vscode-font-family);
+            background-color: var(--vscode-editor-background);
+          }
+          .container {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            padding: 20px;
+            text-align: center;
+          }
+          .logo {
+            width: 100px;
+            height: 100px;
+            margin-bottom: 20px;
+          }
+          h1 {
+            color: var(--vscode-editor-foreground);
+            font-size: 1.3em;
+            margin-bottom: 15px;
+          }
+          p {
+            color: var(--vscode-foreground);
+            margin-bottom: 10px;
+          }
+        </style>
+      </head>
+      <body>
+        <div class="container">
+          <img src="${logoUri}" alt="RA.Aid Logo" class="logo">
+          <h1>RA.Aid</h1>
+          <p>Your research and development assistant.</p>
+          <p>More features coming soon!</p>
+        </div>
+      </body>
+      </html>`;
+  }
+}
+
+/**
+ * Generates a random nonce for CSP
+ */
+function getNonce() {
+  let text = '';
+  const possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+  for (let i = 0; i < 32; i++) {
+    text += possible.charAt(Math.floor(Math.random() * possible.length));
+  }
+  return text;
+}
+
 // This method is called when your extension is activated
-// Your extension is activated the very first time the command is executed
 export function activate(context: vscode.ExtensionContext) {
+  // Use the console to output diagnostic information (console.log) and errors (console.error)
+  console.log('Congratulations, your extension "ra-aid" is now active!');
 
-	// Use the console to output diagnostic information (console.log) and errors (console.error)
-	// This line of code will only be executed once when your extension is activated
-	console.log('Congratulations, your extension "ra-aid" is now active!');
+  // Register the WebviewViewProvider
+  const provider = new RAWebviewViewProvider(context.extensionUri);
+  const viewRegistration = vscode.window.registerWebviewViewProvider(
+    'ra-aid.view', // Must match the view id in package.json
+    provider
+  );
+  context.subscriptions.push(viewRegistration);
 
-	// The command has been defined in the package.json file
-	// Now provide the implementation of the command with registerCommand
-	// The commandId parameter must match the command field in package.json
-	const disposable = vscode.commands.registerCommand('ra-aid.helloWorld', () => {
-		// The code you place here will be executed every time your command is executed
-		// Display a message box to the user
-		vscode.window.showInformationMessage('Hello World from RA.Aid!');
-	});
+  // The command has been defined in the package.json file
+  // Now provide the implementation of the command with registerCommand
+  // The commandId parameter must match the command field in package.json
+  const disposable = vscode.commands.registerCommand('ra-aid.helloWorld', () => {
+    // The code you place here will be executed every time your command is executed
+    // Display a message box to the user
+    vscode.window.showInformationMessage('Hello World from RA.Aid!');
+  });
 
-	context.subscriptions.push(disposable);
+  context.subscriptions.push(disposable);
 }
 
 // This method is called when your extension is deactivated
-export function deactivate() {}
+export function deactivate() {}
\ No newline at end of file