feat: add file tabs and improve terminal rendering with WebGL

packages/app/src/utils/host-routes.test.ts

@@ -1,12 +1,16 @@
 import { describe, expect, it } from "vitest";
 import {
   buildHostWorkspaceRoute,
+  buildHostWorkspaceFileRoute,
+  decodeFilePathFromPathSegment,
   decodeWorkspaceIdFromPathSegment,
+  encodeFilePathForPathSegment,
   encodeWorkspaceIdForPathSegment,
   parseHostAgentDraftRouteFromPathname,
   parseHostAgentRouteFromPathname,
   parseHostDraftRouteFromPathname,
   parseHostWorkspaceAgentRouteFromPathname,
+  parseHostWorkspaceFileRouteFromPathname,
   parseHostWorkspaceTerminalRouteFromPathname,
   parseHostWorkspaceRouteFromPathname,
 } from "./host-routes";
@@ -54,6 +58,12 @@ describe("workspace route parsing", () => {
     expect(decodeWorkspaceIdFromPathSegment("L3RtcC9yZXBv")).toBe("/tmp/repo");
   });
 
+  it("encodes file paths as base64url (no padding)", () => {
+    const encoded = encodeFilePathForPathSegment("src/index.ts");
+    expect(encoded).toMatch(/^[A-Za-z0-9_-]+$/);
+    expect(decodeFilePathFromPathSegment(encoded)).toBe("src/index.ts");
+  });
+
   it("parses workspace route", () => {
     expect(
       parseHostWorkspaceRouteFromPathname("/h/local/workspace/L3RtcC9yZXBv")
@@ -63,6 +73,19 @@ describe("workspace route parsing", () => {
     });
   });
 
+  it("parses workspace file route", () => {
+    const encodedPath = encodeFilePathForPathSegment("src/index.ts");
+    expect(
+      parseHostWorkspaceFileRouteFromPathname(
+        `/h/local/workspace/L3RtcC9yZXBv/file/${encodedPath}`
+      )
+    ).toEqual({
+      serverId: "local",
+      workspaceId: "/tmp/repo",
+      filePath: "src/index.ts",
+    });
+  });
+
   it("parses workspace agent route", () => {
     expect(
       parseHostWorkspaceAgentRouteFromPathname(
@@ -104,4 +127,10 @@ describe("workspace route parsing", () => {
       "/h/local/workspace/L3RtcC9yZXBv"
     );
   });
+
+  it("builds base64url workspace file routes", () => {
+    expect(buildHostWorkspaceFileRoute("local", "/tmp/repo", "src/index.ts")).toBe(
+      `/h/local/workspace/L3RtcC9yZXBv/file/${encodeFilePathForPathSegment("src/index.ts")}`
+    );
+  });
 });