@cryptiklemur/lattice 4.0.2 → 5.0.0

package/src/client/hooks/useWorkspace.ts

@@ -1,57 +0,0 @@
-import { useStore } from "@tanstack/react-store";
-import {
-  getWorkspaceStore,
-  openTab,
-  openSessionTab,
-  updateSessionTabTitle,
-  closeTab,
-  setActiveTab,
-  resetWorkspace,
-  splitPane,
-  closePane,
-  setPaneActiveTab,
-  setSplitRatio,
-  setActivePaneId,
-  getActiveSessionTab,
-} from "../stores/workspace";
-import type { WorkspaceState, TabType, Tab } from "../stores/workspace";
-
-export interface UseWorkspaceReturn extends WorkspaceState {
-  activeTabId: string;
-  openTab: (type: TabType) => void;
-  openSessionTab: (sessionId: string, projectSlug: string, title: string) => void;
-  updateSessionTabTitle: (sessionId: string, title: string) => void;
-  closeTab: (tabId: string) => void;
-  setActiveTab: (tabId: string) => void;
-  resetWorkspace: () => void;
-  splitPane: (tabId: string, direction: "horizontal" | "vertical") => void;
-  closePane: (paneId: string) => void;
-  setPaneActiveTab: (paneId: string, tabId: string) => void;
-  setSplitRatio: (ratio: number) => void;
-  setActivePaneId: (paneId: string) => void;
-  getActiveSessionTab: () => Tab | null;
-}
-
-export function useWorkspace(): UseWorkspaceReturn {
-  var state = useStore(getWorkspaceStore(), function (s) { return s; });
-  return {
-    tabs: state.tabs,
-    panes: state.panes,
-    activePaneId: state.activePaneId,
-    splitDirection: state.splitDirection,
-    splitRatio: state.splitRatio,
-    activeTabId: state.panes.find(function (p) { return p.id === state.activePaneId; })?.activeTabId ?? state.panes[0]?.activeTabId ?? "chat",
-    openTab: openTab,
-    openSessionTab: openSessionTab,
-    updateSessionTabTitle: updateSessionTabTitle,
-    closeTab: closeTab,
-    setActiveTab: setActiveTab,
-    resetWorkspace: resetWorkspace,
-    splitPane: splitPane,
-    closePane: closePane,
-    setPaneActiveTab: setPaneActiveTab,
-    setSplitRatio: setSplitRatio,
-    setActivePaneId: setActivePaneId,
-    getActiveSessionTab: getActiveSessionTab,
-  };
-}

package/src/client/lib/theme-derive.ts

@@ -1,196 +0,0 @@
-export function isValidHex(hex: string): boolean {
-  return /^#?[0-9a-fA-F]{6}$/.test(hex);
-}
-
-export function normalizeHex(hex: string): string {
-  return hex.replace(/^#/, "").toLowerCase();
-}
-
-export function hexToRgb(hex: string): [number, number, number] {
-  var h = normalizeHex(hex);
-  return [
-    parseInt(h.slice(0, 2), 16),
-    parseInt(h.slice(2, 4), 16),
-    parseInt(h.slice(4, 6), 16),
-  ];
-}
-
-export function rgbToHex(r: number, g: number, b: number): string {
-  return [r, g, b]
-    .map(function (c) {
-      var clamped = Math.max(0, Math.min(255, Math.round(c)));
-      return clamped.toString(16).padStart(2, "0");
-    })
-    .join("");
-}
-
-function srgbToLinear(c: number): number {
-  var s = c / 255;
-  return s <= 0.04045 ? s / 12.92 : ((s + 0.055) / 1.055) ** 2.4;
-}
-
-function linearToSrgb(c: number): number {
-  var clamped = Math.max(0, Math.min(1, c));
-  return clamped <= 0.0031308
-    ? clamped * 12.92 * 255
-    : (1.055 * clamped ** (1 / 2.4) - 0.055) * 255;
-}
-
-export function rgbToOklch(
-  r: number,
-  g: number,
-  b: number,
-): { L: number; C: number; h: number } {
-  var lr = srgbToLinear(r);
-  var lg = srgbToLinear(g);
-  var lb = srgbToLinear(b);
-
-  var l_ = 0.4122214708 * lr + 0.5363325363 * lg + 0.0514459929 * lb;
-  var m_ = 0.2119034982 * lr + 0.6806995451 * lg + 0.1073969566 * lb;
-  var s_ = 0.0883024619 * lr + 0.2220049168 * lg + 0.6696926213 * lb;
-
-  var l_cbrt = Math.cbrt(l_);
-  var m_cbrt = Math.cbrt(m_);
-  var s_cbrt = Math.cbrt(s_);
-
-  var L = 0.2104542553 * l_cbrt + 0.7936177850 * m_cbrt - 0.0040720468 * s_cbrt;
-  var a = 1.9779984951 * l_cbrt - 2.4285922050 * m_cbrt + 0.4505937099 * s_cbrt;
-  var b2 = 0.0259040371 * l_cbrt + 0.7827717662 * m_cbrt - 0.8086757660 * s_cbrt;
-
-  var C = Math.sqrt(a * a + b2 * b2);
-  var h = (Math.atan2(b2, a) * 180) / Math.PI;
-  if (h < 0) h += 360;
-
-  return { L, C, h };
-}
-
-export function oklchToRgb(
-  L: number,
-  C: number,
-  h: number,
-): [number, number, number] {
-  var hRad = (h * Math.PI) / 180;
-  var a = C * Math.cos(hRad);
-  var b = C * Math.sin(hRad);
-
-  var l_cbrt = L + 0.3963377774 * a + 0.2158037573 * b;
-  var m_cbrt = L - 0.1055613458 * a - 0.0638541728 * b;
-  var s_cbrt = L - 0.0894841775 * a - 1.2914855480 * b;
-
-  var l_ = l_cbrt * l_cbrt * l_cbrt;
-  var m_ = m_cbrt * m_cbrt * m_cbrt;
-  var s_ = s_cbrt * s_cbrt * s_cbrt;
-
-  var r = 4.0767416621 * l_ - 3.3077115913 * m_ + 0.2309699292 * s_;
-  var g = -1.2684380046 * l_ + 2.6097574011 * m_ - 0.3413193965 * s_;
-  var bl = -0.0041960863 * l_ - 0.7034186147 * m_ + 1.7076147010 * s_;
-
-  return [
-    Math.round(linearToSrgb(r)),
-    Math.round(linearToSrgb(g)),
-    Math.round(linearToSrgb(bl)),
-  ];
-}
-
-export function oklchMix(hex1: string, hex2: string, t: number): string {
-  var [r1, g1, b1] = hexToRgb(hex1);
-  var [r2, g2, b2] = hexToRgb(hex2);
-
-  var c1 = rgbToOklch(r1, g1, b1);
-  var c2 = rgbToOklch(r2, g2, b2);
-
-  var L = c1.L + (c2.L - c1.L) * t;
-  var C = c1.C + (c2.C - c1.C) * t;
-
-  var h1 = c1.C < 0.001 ? c2.h : c1.h;
-  var h2 = c2.C < 0.001 ? c1.h : c2.h;
-
-  var diff = h2 - h1;
-  if (diff > 180) diff -= 360;
-  if (diff < -180) diff += 360;
-  var h = h1 + diff * t;
-  if (h < 0) h += 360;
-  if (h >= 360) h -= 360;
-
-  var [r, g, b] = oklchToRgb(L, C, h);
-  return rgbToHex(r, g, b);
-}
-
-export function oklchLighten(hex: string, amount: number): string {
-  var [r, g, b] = hexToRgb(hex);
-  var oklch = rgbToOklch(r, g, b);
-
-  var L = Math.max(0, Math.min(1, oklch.L + amount));
-
-  var [nr, ng, nb] = oklchToRgb(L, oklch.C, oklch.h);
-  return rgbToHex(nr, ng, nb);
-}
-
-export function oklchRotateHue(hex: string, degrees: number): string {
-  var [r, g, b] = hexToRgb(hex);
-  var oklch = rgbToOklch(r, g, b);
-
-  var h = (oklch.h + degrees) % 360;
-  if (h < 0) h += 360;
-
-  var [nr, ng, nb] = oklchToRgb(oklch.L, oklch.C, h);
-  return rgbToHex(nr, ng, nb);
-}
-
-function clampSyntaxLightness(
-  hex: string,
-  variant: "dark" | "light",
-): string {
-  var [r, g, b] = hexToRgb(hex);
-  var oklch = rgbToOklch(r, g, b);
-
-  var L = oklch.L;
-  if (variant === "dark") {
-    if (L < 0.65) L = 0.65;
-    if (L > 0.85) L = 0.85;
-  } else {
-    if (L < 0.35) L = 0.35;
-    if (L > 0.55) L = 0.55;
-  }
-
-  var [nr, ng, nb] = oklchToRgb(L, oklch.C, oklch.h);
-  return rgbToHex(nr, ng, nb);
-}
-
-export function deriveFullPalette(
-  bg: string,
-  surface: string,
-  fg: string,
-  accent: string,
-  variant: "dark" | "light",
-): Record<string, string> {
-  var nbg = normalizeHex(bg);
-  var nsurface = normalizeHex(surface);
-  var nfg = normalizeHex(fg);
-  var naccent = normalizeHex(accent);
-
-  return {
-    base00: nbg,
-    base01: oklchMix(nbg, nsurface, 0.5),
-    base02: nsurface,
-    base03: oklchMix(nsurface, nfg, 0.25),
-    base04: oklchMix(nsurface, nfg, 0.45),
-    base05: nfg,
-    base06:
-      variant === "dark"
-        ? oklchLighten(nfg, 0.05)
-        : oklchLighten(nfg, -0.05),
-    base07:
-      variant === "dark"
-        ? oklchLighten(nfg, 0.15)
-        : oklchLighten(nfg, -0.15),
-    base08: clampSyntaxLightness(oklchRotateHue(naccent, 0), variant),
-    base09: clampSyntaxLightness(oklchRotateHue(naccent, 30), variant),
-    base0A: clampSyntaxLightness(oklchRotateHue(naccent, 60), variant),
-    base0B: clampSyntaxLightness(oklchRotateHue(naccent, 120), variant),
-    base0C: clampSyntaxLightness(oklchRotateHue(naccent, 180), variant),
-    base0D: clampSyntaxLightness(naccent, variant),
-    base0E: clampSyntaxLightness(oklchRotateHue(naccent, 270), variant),
-    base0F: clampSyntaxLightness(oklchRotateHue(naccent, 330), variant),
-  };
-}

package/src/client/lib/workspace-url.ts

@@ -1,219 +0,0 @@
-import type { Tab, Pane, TabType, WorkspaceState } from "../stores/workspace";
-
-const TAB_TYPES: Set<string> = new Set(["chat", "files", "terminal", "notes", "tasks", "bookmarks", "analytics"]);
-
-const UUID_PATTERN = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
-
-export function shortSessionId(uuid: string): string {
-  return uuid.slice(0, 8);
-}
-
-export function encodeWorkspaceUrl(
-  state: WorkspaceState,
-  tabs: Tab[],
-  primaryProjectSlug: string | null,
-): string {
-  if (tabs.length === 0) return "";
-  if (tabs.length === 1 && tabs[0].id === "chat" && !tabs[0].sessionId) return "";
-
-  const panes = state.panes;
-  const activePaneId = state.activePaneId;
-
-  function encodeTab(tab: Tab, isActive: boolean): string {
-    let token = tab.type;
-    if (tab.type === "chat" && tab.sessionId) {
-      const shortId = shortSessionId(tab.sessionId);
-      if (tab.projectSlug && tab.projectSlug !== primaryProjectSlug) {
-        token += ":" + shortId + "." + tab.projectSlug;
-      } else {
-        token += ":" + shortId;
-      }
-    }
-    if (isActive) {
-      token += "*";
-    }
-    return token;
-  }
-
-  const paneTokens: string[] = [];
-  for (let pi = 0; pi < panes.length; pi++) {
-    const pane = panes[pi];
-    const tabTokens: string[] = [];
-    for (let ti = 0; ti < pane.tabIds.length; ti++) {
-      const tabId = pane.tabIds[ti];
-      const tab = tabs.find(function (t) { return t.id === tabId; });
-      if (!tab) continue;
-      const isActive = tabId === pane.activeTabId;
-      tabTokens.push(encodeTab(tab, isActive));
-    }
-    paneTokens.push(tabTokens.join(","));
-  }
-
-  let result = paneTokens.join("|");
-
-  if (panes.length > 1 && state.splitDirection) {
-    const dirChar = state.splitDirection === "horizontal" ? "h" : "v";
-    let activePaneIndex = 0;
-    for (let i = 0; i < panes.length; i++) {
-      if (panes[i].id === activePaneId) {
-        activePaneIndex = i;
-        break;
-      }
-    }
-    result += "|" + dirChar + activePaneIndex;
-  }
-
-  return result;
-}
-
-export interface DecodedWorkspace {
-  tabs: Tab[];
-  panes: Pane[];
-  activePaneId: string;
-  splitDirection: "horizontal" | "vertical" | null;
-}
-
-export function decodeWorkspaceUrl(
-  tParam: string,
-  primaryProjectSlug: string | null,
-  resolveFullId: (shortId: string, projectSlug: string) => string | null,
-): DecodedWorkspace {
-  const segments = tParam.split("|");
-  const tabs: Tab[] = [];
-  const panes: Pane[] = [];
-  let splitDirection: "horizontal" | "vertical" | null = null;
-  let activePaneIndex = 0;
-
-  const labels: Record<TabType, string> = {
-    chat: "Chat",
-    files: "Files",
-    terminal: "Terminal",
-    notes: "Notes",
-    tasks: "Tasks",
-    bookmarks: "Bookmarks",
-    analytics: "Analytics",
-  };
-
-  let splitMeta: string | null = null;
-  const paneSegments: string[] = [];
-
-  for (let i = 0; i < segments.length; i++) {
-    const seg = segments[i];
-    if (seg.length <= 3 && /^[hv]\d$/.test(seg)) {
-      splitMeta = seg;
-    } else {
-      paneSegments.push(seg);
-    }
-  }
-
-  if (splitMeta) {
-    splitDirection = splitMeta[0] === "h" ? "horizontal" : "vertical";
-    activePaneIndex = parseInt(splitMeta[1], 10);
-  }
-
-  for (let pi = 0; pi < paneSegments.length; pi++) {
-    const paneId = "pane-" + (pi + 1);
-    const tabTokens = paneSegments[pi].split(",").filter(function (s) { return s.length > 0; });
-    const paneTabIds: string[] = [];
-    let paneActiveTabId = "";
-
-    for (let ti = 0; ti < tabTokens.length; ti++) {
-      let token = tabTokens[ti];
-      const isActive = token.endsWith("*");
-      if (isActive) {
-        token = token.slice(0, -1);
-      }
-
-      const colonIdx = token.indexOf(":");
-      let tabType: TabType;
-      let sessionShortId: string | null = null;
-      let projectSlug: string | null = null;
-
-      if (colonIdx !== -1) {
-        tabType = token.slice(0, colonIdx) as TabType;
-        const rest = token.slice(colonIdx + 1);
-        const dotIdx = rest.indexOf(".");
-        if (dotIdx !== -1) {
-          sessionShortId = rest.slice(0, dotIdx);
-          projectSlug = rest.slice(dotIdx + 1);
-        } else {
-          sessionShortId = rest;
-          projectSlug = primaryProjectSlug;
-        }
-      } else {
-        tabType = token as TabType;
-      }
-
-      if (!TAB_TYPES.has(tabType)) continue;
-
-      let tab: Tab;
-      if (tabType === "chat" && sessionShortId && projectSlug) {
-        const fullId = resolveFullId(sessionShortId, projectSlug);
-        const resolvedId = fullId || sessionShortId;
-        const tabId = "chat-" + resolvedId;
-        tab = {
-          id: tabId,
-          type: "chat",
-          label: "Session",
-          closeable: true,
-          pinned: true,
-          sessionId: resolvedId,
-          projectSlug: projectSlug,
-        };
-      } else if (tabType === "chat") {
-        tab = { id: "chat", type: "chat", label: "Chat", closeable: false, pinned: true };
-      } else {
-        tab = {
-          id: tabType,
-          type: tabType,
-          label: labels[tabType],
-          closeable: true,
-          pinned: true,
-        };
-      }
-
-      const existingIdx = tabs.findIndex(function (t) { return t.id === tab.id; });
-      if (existingIdx === -1) {
-        tabs.push(tab);
-      }
-      paneTabIds.push(tab.id);
-
-      if (isActive) {
-        paneActiveTabId = tab.id;
-      }
-    }
-
-    if (paneTabIds.length > 0) {
-      if (!paneActiveTabId) {
-        paneActiveTabId = paneTabIds[0];
-      }
-      panes.push({ id: paneId, tabIds: paneTabIds, activeTabId: paneActiveTabId });
-    }
-  }
-
-  if (panes.length === 0) {
-    const defaultTab: Tab = { id: "chat", type: "chat", label: "Chat", closeable: false, pinned: true };
-    tabs.push(defaultTab);
-    panes.push({ id: "pane-1", tabIds: ["chat"], activeTabId: "chat" });
-  }
-
-  const resolvedActivePaneIndex = Math.min(activePaneIndex, panes.length - 1);
-  const activePaneId = panes[resolvedActivePaneIndex].id;
-
-  if (panes.length < 2) {
-    splitDirection = null;
-  }
-
-  return { tabs, panes, activePaneId, splitDirection };
-}
-
-export function isLegacySessionUrl(pathname: string): { projectSlug: string; sessionId: string } | null {
-  const parts = pathname.split("/").filter(function (p) { return p.length > 0; });
-  if (parts.length < 2) return null;
-  if (parts[0] === "settings") return null;
-  if (parts[1] === "settings") return null;
-  if (UUID_PATTERN.test(parts[1])) {
-    return { projectSlug: parts[0], sessionId: parts[1] };
-  }
-  return null;
-}

package/src/client/main.tsx

@@ -1,10 +0,0 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import "./styles/global.css";
-import { App } from "./App";
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>
-);

package/src/client/providers/WebSocketProvider.tsx

@@ -1,186 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-import type { ReactNode } from "react";
-import type { ClientMessage, ServerMessage } from "#shared";
-import { WebSocketContext, getWebSocketUrl } from "../hooks/useWebSocket";
-import type { WebSocketStatus } from "../hooks/useWebSocket";
-import { showToast } from "../components/ui/Toast";
-import { getSessionStore } from "../stores/session";
-import { sendNotification } from "../hooks/useNotifications";
-
-interface WebSocketProviderProps {
-  children: ReactNode;
-}
-
-var MAX_BACKOFF = 30000;
-
-export function WebSocketProvider(props: WebSocketProviderProps) {
-  var [status, setStatus] = useState<WebSocketStatus>("connecting");
-  var wsRef = useRef<WebSocket | null>(null);
-  var backoffRef = useRef<number>(1000);
-  var retryTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
-  var unmountedRef = useRef<boolean>(false);
-  var listenersRef = useRef<Map<string, Set<(msg: ServerMessage) => void>>>(new Map());
-  var hasConnectedRef = useRef<boolean>(false);
-  var outgoingQueueRef = useRef<ClientMessage[]>([]);
-
-  function connect() {
-    if (unmountedRef.current) {
-      return;
-    }
-
-    var url = getWebSocketUrl();
-    var ws = new WebSocket(url);
-    wsRef.current = ws;
-    setStatus("connecting");
-
-    ws.onopen = function () {
-      if (unmountedRef.current) {
-        ws.close();
-        return;
-      }
-      setStatus("connected");
-      backoffRef.current = 1000;
-      if (hasConnectedRef.current) {
-        showToast("Reconnected to daemon", "info");
-        sendNotification("Lattice", "Reconnected to daemon", "connection");
-        ws.send(JSON.stringify({ type: "settings:get" }));
-
-        var sessionState = getSessionStore().state;
-        if (sessionState.activeProjectSlug && sessionState.activeSessionId) {
-          ws.send(JSON.stringify({
-            type: "session:activate",
-            projectSlug: sessionState.activeProjectSlug,
-            sessionId: sessionState.activeSessionId,
-          }));
-        }
-      }
-      hasConnectedRef.current = true;
-      var queued = outgoingQueueRef.current;
-      outgoingQueueRef.current = [];
-      queued.forEach(function (msg) {
-        ws.send(JSON.stringify(msg));
-      });
-    };
-
-    ws.onmessage = function (event: MessageEvent) {
-      try {
-        var msg = JSON.parse(event.data as string) as ServerMessage;
-
-        if (msg.type === "chat:done" && document.hidden) {
-          var sessionState = getSessionStore().state;
-          var sessionTitle = sessionState.activeSessionTitle || "Session";
-          sendNotification("Claude responded", sessionTitle, "chat-done");
-        }
-
-        if (msg.type === "mesh:node_online") {
-          sendNotification("Lattice", (msg as any).nodeId + " came online", "mesh");
-        }
-
-        if (msg.type === "mesh:node_offline") {
-          sendNotification("Lattice", (msg as any).nodeId + " went offline", "mesh");
-        }
-
-        var listeners = listenersRef.current.get(msg.type);
-        if (listeners) {
-          listeners.forEach(function (cb) {
-            cb(msg);
-          });
-        }
-      } catch (err) {
-        console.warn("[lattice] Failed to parse WebSocket message:", err);
-      }
-    };
-
-    ws.onclose = function () {
-      if (unmountedRef.current) {
-        return;
-      }
-      setStatus("disconnected");
-      wsRef.current = null;
-      if (hasConnectedRef.current) {
-        showToast("Disconnected from daemon. Reconnecting automatically...", "warning");
-        sendNotification("Lattice", "Lost connection to daemon", "connection");
-      }
-      scheduleReconnect();
-    };
-
-    ws.onerror = function () {
-      ws.close();
-    };
-  }
-
-  function scheduleReconnect() {
-    if (unmountedRef.current) {
-      return;
-    }
-    var delay = backoffRef.current;
-    retryTimerRef.current = setTimeout(function () {
-      backoffRef.current = Math.min(backoffRef.current * 2, MAX_BACKOFF);
-      connect();
-    }, delay);
-  }
-
-  function reconnectNow() {
-    if (retryTimerRef.current !== null) {
-      clearTimeout(retryTimerRef.current);
-      retryTimerRef.current = null;
-    }
-    backoffRef.current = 1000;
-    if (wsRef.current) {
-      wsRef.current.close();
-      wsRef.current = null;
-    }
-    connect();
-  }
-
-  function send(msg: ClientMessage) {
-    var ws = wsRef.current;
-    if (ws && ws.readyState === WebSocket.OPEN) {
-      ws.send(JSON.stringify(msg));
-    } else {
-      outgoingQueueRef.current.push(msg);
-    }
-  }
-
-  function subscribe(type: string, callback: (msg: ServerMessage) => void) {
-    var listeners = listenersRef.current.get(type);
-    if (!listeners) {
-      listeners = new Set();
-      listenersRef.current.set(type, listeners);
-    }
-    listeners.add(callback);
-  }
-
-  function unsubscribe(type: string, callback: (msg: ServerMessage) => void) {
-    var listeners = listenersRef.current.get(type);
-    if (listeners) {
-      listeners.delete(callback);
-      if (listeners.size === 0) {
-        listenersRef.current.delete(type);
-      }
-    }
-  }
-
-  useEffect(function () {
-    unmountedRef.current = false;
-    connect();
-
-    return function () {
-      unmountedRef.current = true;
-      if (retryTimerRef.current !== null) {
-        clearTimeout(retryTimerRef.current);
-        retryTimerRef.current = null;
-      }
-      if (wsRef.current) {
-        wsRef.current.close();
-        wsRef.current = null;
-      }
-    };
-  }, []);
-
-  return (
-    <WebSocketContext.Provider value={{ status, send, subscribe, unsubscribe, reconnectNow }}>
-      {props.children}
-    </WebSocketContext.Provider>
-  );
-}