{currentView === 'sessions' ? (
- ) : currentView === 'settings' ? (
-
) : (
)}
diff --git a/packages/vscode/webview/components/OpenChamberLogo.tsx b/packages/vscode/webview/components/OpenChamberLogo.tsx
new file mode 100644
index 00000000..3395f514
--- /dev/null
+++ b/packages/vscode/webview/components/OpenChamberLogo.tsx
@@ -0,0 +1,192 @@
+import React, { useMemo } from 'react';
+
+interface OpenChamberLogoProps {
+ className?: string;
+ width?: number;
+ height?: number;
+ isAnimated?: boolean;
+}
+
+// Generate grid cells for a face (4x4 grid)
+const generateFaceGrid = (
+ topLeft: { x: number; y: number },
+ topRight: { x: number; y: number },
+ bottomRight: { x: number; y: number },
+ bottomLeft: { x: number; y: number },
+ gridSize: number = 4
+) => {
+ const cells: Array<{ path: string; row: number; col: number }> = [];
+
+ for (let row = 0; row < gridSize; row++) {
+ for (let col = 0; col < gridSize; col++) {
+ const t1 = col / gridSize;
+ const t2 = (col + 1) / gridSize;
+ const s1 = row / gridSize;
+ const s2 = (row + 1) / gridSize;
+
+ const lerp = (a: number, b: number, t: number) => a + (b - a) * t;
+ const bilinear = (tl: number, tr: number, br: number, bl: number, t: number, s: number) => {
+ const top = lerp(tl, tr, t);
+ const bottom = lerp(bl, br, t);
+ return lerp(top, bottom, s);
+ };
+
+ const p1 = {
+ x: bilinear(topLeft.x, topRight.x, bottomRight.x, bottomLeft.x, t1, s1),
+ y: bilinear(topLeft.y, topRight.y, bottomRight.y, bottomLeft.y, t1, s1),
+ };
+ const p2 = {
+ x: bilinear(topLeft.x, topRight.x, bottomRight.x, bottomLeft.x, t2, s1),
+ y: bilinear(topLeft.y, topRight.y, bottomRight.y, bottomLeft.y, t2, s1),
+ };
+ const p3 = {
+ x: bilinear(topLeft.x, topRight.x, bottomRight.x, bottomLeft.x, t2, s2),
+ y: bilinear(topLeft.y, topRight.y, bottomRight.y, bottomLeft.y, t2, s2),
+ };
+ const p4 = {
+ x: bilinear(topLeft.x, topRight.x, bottomRight.x, bottomLeft.x, t1, s2),
+ y: bilinear(topLeft.y, topRight.y, bottomRight.y, bottomLeft.y, t1, s2),
+ };
+
+ cells.push({
+ path: `M${p1.x} ${p1.y} L${p2.x} ${p2.y} L${p3.x} ${p3.y} L${p4.x} ${p4.y} Z`,
+ row,
+ col,
+ });
+ }
+ }
+
+ return cells;
+};
+
+export const OpenChamberLogo: React.FC
= ({
+ className = '',
+ width = 70,
+ height = 70,
+ isAnimated = false,
+}) => {
+ // VSCode uses CSS variables for theming
+ const strokeColor = 'var(--vscode-foreground)';
+ const fillColor = 'var(--vscode-foreground)';
+ const logoFillColor = 'var(--vscode-foreground)';
+ const cellHighlightColor = 'var(--vscode-foreground)';
+
+ // Isometric cube geometry
+ const edge = 48;
+ const cos30 = 0.866;
+ const sin30 = 0.5;
+ const centerY = 50;
+
+ const top = { x: 50, y: centerY - edge };
+ const left = { x: 50 - edge * cos30, y: centerY - edge * sin30 };
+ const right = { x: 50 + edge * cos30, y: centerY - edge * sin30 };
+ const center = { x: 50, y: centerY };
+ const bottomLeft = { x: 50 - edge * cos30, y: centerY + edge * sin30 };
+ const bottomRight = { x: 50 + edge * cos30, y: centerY + edge * sin30 };
+ const bottom = { x: 50, y: centerY + edge };
+
+ const topFaceCenterY = (top.y + left.y + center.y + right.y) / 4;
+ const isoMatrix = `matrix(0.866, 0.5, -0.866, 0.5, 50, ${topFaceCenterY})`;
+
+ const leftFaceCells = generateFaceGrid(left, center, bottom, bottomLeft);
+ const rightFaceCells = generateFaceGrid(center, right, bottomRight, bottom);
+
+ const cellOpacities = useMemo(() => {
+ const opacities: number[] = [];
+ for (let i = 0; i < 32; i++) {
+ opacities.push(0.1 + Math.random() * 0.5);
+ }
+ return opacities;
+ }, []);
+
+ return (
+
+ );
+};
+
+export default OpenChamberLogo;
diff --git a/packages/web/index.html b/packages/web/index.html
index 72126a65..e6ac4677 100644
--- a/packages/web/index.html
+++ b/packages/web/index.html
@@ -5,11 +5,10 @@
-
-
+
-
+
@@ -31,19 +30,31 @@
"icons": [
{
"src": baseUrl + "/logo-dark.svg",
- "sizes": "any",
+ "sizes": "512x512",
"type": "image/svg+xml",
"purpose": "any maskable"
},
{
- "src": baseUrl + "/favicon-16.png",
- "sizes": "16x16",
- "type": "image/png"
+ "src": baseUrl + "/apple-touch-icon-180x180.png",
+ "sizes": "180x180",
+ "type": "image/png",
+ "purpose": "any"
+ },
+ {
+ "src": baseUrl + "/apple-touch-icon-152x152.png",
+ "sizes": "152x152",
+ "type": "image/png",
+ "purpose": "any"
},
{
"src": baseUrl + "/favicon-32.png",
"sizes": "32x32",
"type": "image/png"
+ },
+ {
+ "src": baseUrl + "/favicon-16.png",
+ "sizes": "16x16",
+ "type": "image/png"
}
],
"categories": ["developer", "tools", "productivity"],
@@ -112,32 +123,24 @@
