@cryptiklemur/lattice 4.0.2 → 5.0.1

package/src/client/components/workspace/TerminalView.tsx

@@ -1,110 +0,0 @@
-import { useState } from "react";
-import { Plus, X } from "lucide-react";
-import { TerminalInstance } from "./TerminalInstance";
-
-interface TerminalTab {
-  id: string;
-  label: string;
-}
-
-var nextTermNum = 1;
-
-function makeTab(): TerminalTab {
-  var num = nextTermNum++;
-  return { id: `term-${num}-${Date.now()}`, label: `Terminal ${num}` };
-}
-
-export function TerminalView() {
-  var initialTab = makeTab();
-  var [tabs, setTabs] = useState<TerminalTab[]>([initialTab]);
-  var [activeId, setActiveId] = useState<string>(initialTab.id);
-
-  function addTab() {
-    var tab = makeTab();
-    setTabs(function(prev) { return [...prev, tab]; });
-    setActiveId(tab.id);
-  }
-
-  function closeTab(id: string) {
-    setTabs(function(prev) {
-      if (prev.length === 1) {
-        var replacement = makeTab();
-        setActiveId(replacement.id);
-        return [replacement];
-      }
-      var next = prev.filter(function(t) { return t.id !== id; });
-      if (id === activeId) {
-        var idx = prev.findIndex(function(t) { return t.id === id; });
-        var newActive = next[Math.min(idx, next.length - 1)];
-        setActiveId(newActive.id);
-      }
-      return next;
-    });
-  }
-
-  return (
-    <div className="flex flex-col h-full w-full overflow-hidden">
-      <div role="tablist" className="flex items-center h-8 bg-base-200 border-b border-base-content/15 flex-shrink-0 overflow-x-auto">
-        {tabs.map(function(tab) {
-          var isActive = tab.id === activeId;
-          return (
-            <div
-              key={tab.id}
-              tabIndex={0}
-              role="tab"
-              aria-selected={isActive}
-              className={[
-                "flex items-center gap-1 px-3 h-full text-[12px] cursor-pointer select-none border-r border-base-content/15 flex-shrink-0 outline-none focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-1 focus-visible:ring-offset-base-200",
-                isActive
-                  ? "bg-base-100 text-base-content"
-                  : "text-base-content/50 hover:text-base-content hover:bg-base-100/50",
-              ].join(" ")}
-              onClick={function() { setActiveId(tab.id); }}
-              onKeyDown={function(e) {
-                if (e.key === "Enter" || e.key === " ") {
-                  e.preventDefault();
-                  setActiveId(tab.id);
-                }
-              }}
-            >
-              <span>{tab.label}</span>
-              {tabs.length > 1 && (
-                <button
-                  className="ml-1 rounded hover:bg-base-300 p-1 sm:p-0.5 outline-none focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-1 focus-visible:ring-offset-base-200"
-                  aria-label={"Close " + tab.label}
-                  onClick={function(e) {
-                    e.stopPropagation();
-                    closeTab(tab.id);
-                  }}
-                >
-                  <X className="!size-3" />
-                </button>
-              )}
-            </div>
-          );
-        })}
-        <button
-          className="flex items-center justify-center w-10 sm:w-8 h-full text-base-content/50 hover:text-base-content hover:bg-base-100/50 flex-shrink-0 outline-none focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-1 focus-visible:ring-offset-base-200"
-          aria-label="New terminal"
-          onClick={addTab}
-          title="New terminal"
-        >
-          <Plus className="!size-4" />
-        </button>
-      </div>
-      <div className="flex-1 min-h-0 relative">
-        {tabs.map(function(tab) {
-          return (
-            <div
-              key={tab.id}
-              className="absolute inset-0"
-              style={{ display: tab.id === activeId ? "block" : "none" }}
-            >
-              <TerminalInstance instanceId={tab.id} visible={tab.id === activeId} />
-            </div>
-          );
-        })}
-      </div>
-    </div>
-  );
-}

package/src/client/components/workspace/WorkspaceView.tsx

@@ -1,141 +0,0 @@
-import React from "react";
-import { WifiOff } from "lucide-react";
-import { useWorkspace } from "../../hooks/useWorkspace";
-import { useOnline } from "../../hooks/useOnline";
-import { TabBar } from "./TabBar";
-import { SplitPane } from "./SplitPane";
-import { ChatView } from "../chat/ChatView";
-import { TerminalView } from "./TerminalView";
-import { FileBrowser } from "./FileBrowser";
-import { NotesView } from "./NotesView";
-import { ScheduledTasksView } from "./ScheduledTasksView";
-import { BookmarksView } from "./BookmarksView";
-import { AnalyticsView } from "../analytics/AnalyticsView";
-import type { Pane, Tab } from "../../stores/workspace";
-
-var NON_CHAT_COMPONENTS: Record<string, () => React.JSX.Element> = {
-  files: FileBrowser,
-  terminal: TerminalView,
-  notes: NotesView,
-  tasks: ScheduledTasksView,
-  bookmarks: BookmarksView,
-  analytics: AnalyticsView,
-};
-
-function PaneContent({ pane, tabs, isActive, onFocus }: {
-  pane: Pane;
-  tabs: Tab[];
-  isActive: boolean;
-  onFocus: () => void;
-}) {
-  var online = useOnline();
-  var paneTabs = pane.tabIds.map(function (id) {
-    return tabs.find(function (t) { return t.id === id; });
-  }).filter(function (t): t is Tab { return t != null; });
-
-  return (
-    <div
-      className="flex flex-col h-full w-full overflow-hidden"
-      onClick={onFocus}
-    >
-      <TabBar paneId={pane.id} isActivePane={isActive} />
-      {!online && (
-        <div className="flex items-center gap-2 px-3 py-1.5 bg-warning/10 border-b border-warning/20 flex-shrink-0">
-          <WifiOff size={13} className="text-warning flex-shrink-0" />
-          <span className="text-[12px] text-warning">Disconnected — viewing only</span>
-        </div>
-      )}
-      <div className="flex-1 min-h-0 relative">
-        {paneTabs.map(function (tab) {
-          var isTabActive = tab.id === pane.activeTabId;
-          if (tab.type === "chat") {
-            return (
-              <div
-                key={tab.id}
-                className="absolute inset-0"
-                style={{ display: isTabActive ? "flex" : "none", flexDirection: "column" }}
-              >
-                <ChatView sessionId={tab.sessionId} projectSlug={tab.projectSlug} />
-              </div>
-            );
-          }
-          var Component = NON_CHAT_COMPONENTS[tab.type];
-          if (!Component) return null;
-          return (
-            <div
-              key={tab.id}
-              className="absolute inset-0"
-              style={{ display: isTabActive ? "flex" : "none", flexDirection: "column" }}
-            >
-              <Component />
-            </div>
-          );
-        })}
-      </div>
-    </div>
-  );
-}
-
-export function WorkspaceView() {
-  var { tabs, panes, activePaneId, splitDirection, splitRatio, setSplitRatio, setActivePaneId } = useWorkspace();
-  var online = useOnline();
-
-  if (!splitDirection || panes.length < 2) {
-    var singlePane = panes[0];
-    return (
-      <div className="flex flex-col h-full w-full overflow-hidden">
-        <TabBar paneId={singlePane?.id} />
-        {!online && (
-          <div className="flex items-center gap-2 px-3 py-1.5 bg-warning/10 border-b border-warning/20 flex-shrink-0 order-0 sm:order-none">
-            <WifiOff size={13} className="text-warning flex-shrink-0" />
-            <span className="text-[12px] text-warning">Disconnected — viewing only</span>
-          </div>
-        )}
-        <div className="flex-1 min-h-0 relative order-0 sm:order-none">
-          {tabs.map(function (tab) {
-            var isActive = singlePane ? tab.id === singlePane.activeTabId : tab.id === "chat";
-            if (tab.type === "chat") {
-              return (
-                <div
-                  key={tab.id}
-                  className="absolute inset-0"
-                  style={{ display: isActive ? "flex" : "none", flexDirection: "column" }}
-                >
-                  <ChatView sessionId={tab.sessionId} projectSlug={tab.projectSlug} />
-                </div>
-              );
-            }
-            var Component = NON_CHAT_COMPONENTS[tab.type];
-            if (!Component) return null;
-            return (
-              <div
-                key={tab.id}
-                className="absolute inset-0"
-                style={{ display: isActive ? "flex" : "none", flexDirection: "column" }}
-              >
-                <Component />
-              </div>
-            );
-          })}
-        </div>
-      </div>
-    );
-  }
-
-  return (
-    <SplitPane direction={splitDirection} ratio={splitRatio} onRatioChange={setSplitRatio}>
-      <PaneContent
-        pane={panes[0]}
-        tabs={tabs}
-        isActive={activePaneId === panes[0].id}
-        onFocus={function () { setActivePaneId(panes[0].id); }}
-      />
-      <PaneContent
-        pane={panes[1]}
-        tabs={tabs}
-        isActive={activePaneId === panes[1].id}
-        onFocus={function () { setActivePaneId(panes[1].id); }}
-      />
-    </SplitPane>
-  );
-}

package/src/client/hooks/useAnalytics.ts

@@ -1,84 +0,0 @@
-import { useCallback, useEffect, useRef } from "react";
-import { useStore } from "@tanstack/react-store";
-import { useWebSocket } from "./useWebSocket";
-import type { ServerMessage } from "#shared";
-import type { AnalyticsPeriod, AnalyticsScope, AnalyticsSectionName } from "#shared";
-import type { AnalyticsPayload } from "#shared";
-import {
-  getAnalyticsStore,
-  mergeAnalyticsSection,
-  clearAnalyticsForRequest,
-  setAnalyticsLoading,
-  setAnalyticsError,
-  setAnalyticsPeriod,
-  setAnalyticsScope,
-} from "../stores/analytics";
-import type { AnalyticsState } from "../stores/analytics";
-
-export function useAnalytics(): AnalyticsState & {
-  setPeriod: (period: AnalyticsPeriod) => void;
-  setScope: (scope: AnalyticsScope, projectSlug?: string) => void;
-  refresh: () => void;
-} {
-  var store = getAnalyticsStore();
-  var state = useStore(store, function (s) { return s; });
-  var { send, subscribe, unsubscribe } = useWebSocket();
-  var sendRef = useRef(send);
-  sendRef.current = send;
-
-  var requestAnalytics = useCallback(function (forceRefresh?: boolean) {
-    var s = getAnalyticsStore().state;
-    clearAnalyticsForRequest();
-    sendRef.current({
-      type: "analytics:request",
-      requestId: crypto.randomUUID(),
-      scope: s.scope,
-      projectSlug: s.projectSlug || undefined,
-      period: s.period,
-      forceRefresh: forceRefresh,
-    } as any);
-  }, []);
-
-  useEffect(function () {
-    function handleSection(msg: ServerMessage) {
-      var m = msg as { type: string; section: AnalyticsSectionName; data: Partial<AnalyticsPayload> };
-      mergeAnalyticsSection(m.section, m.data);
-    }
-
-    function handleComplete() {
-      setAnalyticsLoading(false);
-    }
-
-    function handleError(msg: ServerMessage) {
-      var m = msg as { type: string; message: string };
-      setAnalyticsError(m.message);
-    }
-
-    subscribe("analytics:section", handleSection);
-    subscribe("analytics:complete", handleComplete);
-    subscribe("analytics:error", handleError);
-
-    return function () {
-      unsubscribe("analytics:section", handleSection);
-      unsubscribe("analytics:complete", handleComplete);
-      unsubscribe("analytics:error", handleError);
-    };
-  }, [subscribe, unsubscribe]);
-
-  useEffect(function () {
-    requestAnalytics();
-  }, [state.period, state.scope, state.projectSlug, requestAnalytics]);
-
-  return {
-    data: state.data,
-    loadedSections: state.loadedSections,
-    loading: state.loading,
-    error: state.error,
-    period: state.period,
-    scope: state.scope,
-    projectSlug: state.projectSlug,
-    setPeriod: setAnalyticsPeriod,
-    setScope: setAnalyticsScope,
-    refresh: function () { requestAnalytics(true); },
-  };
-}

package/src/client/hooks/useAttachments.ts

@@ -1,313 +0,0 @@
-import { useState, useCallback, useRef, useEffect } from "react";
-import { useWebSocket } from "./useWebSocket";
-import type { ServerMessage } from "#shared";
-
-var CHUNK_SIZE = 64 * 1024;
-var MAX_FILE_SIZE = 50 * 1024 * 1024;
-var MAX_ATTACHMENTS = 20;
-var CHUNK_TIMEOUT_MS = 10000;
-
-export type AttachmentStatus = "uploading" | "ready" | "failed";
-
-export interface ClientAttachment {
-  id: string;
-  name: string;
-  type: "file" | "image" | "paste";
-  mimeType: string;
-  size: number;
-  lineCount?: number;
-  status: AttachmentStatus;
-  progress: number;
-  error?: string;
-  previewUrl?: string;
-  content?: string;
-}
-
-export interface UseAttachmentsReturn {
-  attachments: ClientAttachment[];
-  addFile: (file: File) => void;
-  addPaste: (text: string) => void;
-  removeAttachment: (id: string) => void;
-  retryAttachment: (id: string) => void;
-  clearAll: () => void;
-  readyIds: string[];
-  hasUploading: boolean;
-  canAttach: boolean;
-}
-
-function guessMimeType(file: File): string {
-  if (file.type) return file.type;
-  var ext = file.name.split(".").pop()?.toLowerCase() || "";
-  var map: Record<string, string> = {
-    ts: "application/typescript",
-    tsx: "application/typescript",
-    js: "application/javascript",
-    jsx: "application/javascript",
-    json: "application/json",
-    yaml: "application/yaml",
-    yml: "application/yaml",
-    md: "text/markdown",
-    txt: "text/plain",
-    csv: "text/csv",
-    py: "text/x-python",
-    rs: "text/x-rust",
-    go: "text/x-go",
-    rb: "text/x-ruby",
-    sh: "text/x-shellscript",
-    css: "text/css",
-    html: "text/html",
-    xml: "application/xml",
-    svg: "image/svg+xml",
-    png: "image/png",
-    jpg: "image/jpeg",
-    jpeg: "image/jpeg",
-    gif: "image/gif",
-    webp: "image/webp",
-  };
-  return map[ext] || "application/octet-stream";
-}
-
-function isImageType(mime: string): boolean {
-  return mime.startsWith("image/") && mime !== "image/svg+xml";
-}
-
-export function useAttachments(): UseAttachmentsReturn {
-  var [attachments, setAttachments] = useState<ClientAttachment[]>([]);
-  var { send, subscribe, unsubscribe } = useWebSocket();
-  var pendingResolvers = useRef(new Map<string, { resolve: () => void; reject: (err: string) => void; timer: ReturnType<typeof setTimeout> }>());
-  var fileCache = useRef(new Map<string, File>());
-  var attachmentsRef = useRef(attachments);
-  attachmentsRef.current = attachments;
-
-  var updateAttachment = useCallback(function (id: string, updates: Partial<ClientAttachment>) {
-    setAttachments(function (prev) {
-      return prev.map(function (a) {
-        return a.id === id ? { ...a, ...updates } : a;
-      });
-    });
-  }, []);
-
-  var uploadFile = useCallback(function (attachment: ClientAttachment, file: File) {
-    var reader = new FileReader();
-    reader.onload = function () {
-      var buffer = reader.result as ArrayBuffer;
-      var bytes = new Uint8Array(buffer);
-      var totalChunks = Math.ceil(bytes.length / CHUNK_SIZE);
-
-      var chunkIndex = 0;
-
-      function sendNextChunk() {
-        if (chunkIndex >= totalChunks) {
-          send({
-            type: "attachment:complete",
-            attachmentId: attachment.id,
-            attachmentType: attachment.type,
-            name: attachment.name,
-            mimeType: attachment.mimeType,
-            size: attachment.size,
-            lineCount: attachment.lineCount,
-          });
-          return;
-        }
-
-        var start = chunkIndex * CHUNK_SIZE;
-        var end = Math.min(start + CHUNK_SIZE, bytes.length);
-        var chunk = bytes.slice(start, end);
-        var binary = "";
-        for (var bi = 0; bi < chunk.length; bi++) {
-          binary += String.fromCharCode(chunk[bi]);
-        }
-        var base64 = btoa(binary);
-
-        send({
-          type: "attachment:chunk",
-          attachmentId: attachment.id,
-          chunkIndex,
-          totalChunks,
-          data: base64,
-        });
-
-        var currentChunk = chunkIndex;
-        var timer = setTimeout(function () {
-          pendingResolvers.current.delete(attachment.id + ":" + currentChunk);
-          updateAttachment(attachment.id, { status: "failed", error: "Upload timed out" });
-        }, CHUNK_TIMEOUT_MS);
-
-        pendingResolvers.current.set(attachment.id + ":" + currentChunk, {
-          resolve: function () {
-            clearTimeout(timer);
-            chunkIndex++;
-            var progress = Math.round((chunkIndex / totalChunks) * 100);
-            updateAttachment(attachment.id, { progress });
-            sendNextChunk();
-          },
-          reject: function (err: string) {
-            clearTimeout(timer);
-            updateAttachment(attachment.id, { status: "failed", error: err });
-          },
-          timer,
-        });
-      }
-
-      function handleProgress(msg: ServerMessage) {
-        var m = msg as { type: string; attachmentId: string; received: number; total: number };
-        if (m.attachmentId !== attachment.id) return;
-        var key = attachment.id + ":" + (m.received - 1);
-        var resolver = pendingResolvers.current.get(key);
-        if (resolver) {
-          pendingResolvers.current.delete(key);
-          resolver.resolve();
-        }
-        if (m.received === m.total) {
-          updateAttachment(attachment.id, { status: "ready", progress: 100 });
-          unsubscribe("attachment:progress", handleProgress);
-          unsubscribe("attachment:error", handleError);
-        }
-      }
-
-      function handleError(msg: ServerMessage) {
-        var m = msg as { type: string; attachmentId: string; error: string };
-        if (m.attachmentId !== attachment.id) return;
-        updateAttachment(attachment.id, { status: "failed", error: m.error });
-        unsubscribe("attachment:progress", handleProgress);
-        unsubscribe("attachment:error", handleError);
-      }
-
-      subscribe("attachment:progress", handleProgress);
-      subscribe("attachment:error", handleError);
-      sendNextChunk();
-    };
-    reader.readAsArrayBuffer(file);
-  }, [send, subscribe, unsubscribe, updateAttachment]);
-
-  var addFile = useCallback(function (file: File) {
-    if (file.size > MAX_FILE_SIZE) {
-      return;
-    }
-
-    var id = crypto.randomUUID();
-    var mime = guessMimeType(file);
-    var type: "file" | "image" = isImageType(mime) ? "image" : "file";
-
-    var previewUrl: string | undefined;
-    if (type === "image") {
-      previewUrl = URL.createObjectURL(file);
-    }
-
-    var att: ClientAttachment = {
-      id,
-      name: file.name,
-      type,
-      mimeType: mime,
-      size: file.size,
-      status: "uploading",
-      progress: 0,
-      previewUrl,
-    };
-
-    var added = false;
-    setAttachments(function (prev) {
-      if (prev.length >= MAX_ATTACHMENTS) {
-        return prev;
-      }
-      added = true;
-      return [...prev, att];
-    });
-
-    if (added) {
-      fileCache.current.set(id, file);
-      uploadFile(att, file);
-    } else if (previewUrl) {
-      URL.revokeObjectURL(previewUrl);
-    }
-  }, [uploadFile]);
-
-  var addPaste = useCallback(function (text: string) {
-    var id = crypto.randomUUID();
-    var blob = new Blob([text], { type: "text/plain" });
-    var file = new File([blob], "pasted-text.txt", { type: "text/plain" });
-    var lineCount = text.split("\n").length;
-
-    var att: ClientAttachment = {
-      id,
-      name: "Pasted text",
-      type: "paste",
-      mimeType: "text/plain",
-      size: blob.size,
-      lineCount,
-      status: "uploading",
-      progress: 0,
-      content: text,
-    };
-
-    var added = false;
-    setAttachments(function (prev) {
-      if (prev.length >= MAX_ATTACHMENTS) {
-        return prev;
-      }
-      added = true;
-      return [...prev, att];
-    });
-
-    if (added) {
-      fileCache.current.set(id, file);
-      uploadFile(att, file);
-    }
-  }, [uploadFile]);
-
-  var removeAttachment = useCallback(function (id: string) {
-    setAttachments(function (prev) {
-      var removed = prev.find(function (a) { return a.id === id; });
-      if (removed && removed.previewUrl) {
-        URL.revokeObjectURL(removed.previewUrl);
-      }
-      return prev.filter(function (a) { return a.id !== id; });
-    });
-    fileCache.current.delete(id);
-  }, []);
-
-  var retryAttachment = useCallback(function (id: string) {
-    var file = fileCache.current.get(id);
-    var att = attachments.find(function (a) { return a.id === id; });
-    if (!file || !att) return;
-    updateAttachment(id, { status: "uploading", progress: 0, error: undefined });
-    uploadFile(att, file);
-  }, [attachments, uploadFile, updateAttachment]);
-
-  var clearAll = useCallback(function () {
-    attachments.forEach(function (a) {
-      if (a.previewUrl) URL.revokeObjectURL(a.previewUrl);
-    });
-    setAttachments([]);
-    fileCache.current.clear();
-  }, [attachments]);
-
-  useEffect(function () {
-    return function () {
-      attachmentsRef.current.forEach(function (att) {
-        if (att.previewUrl) {
-          URL.revokeObjectURL(att.previewUrl);
-        }
-      });
-    };
-  }, []);
-
-  var readyIds = attachments
-    .filter(function (a) { return a.status === "ready"; })
-    .map(function (a) { return a.id; });
-
-  var hasUploading = attachments.some(function (a) { return a.status === "uploading"; });
-  var canAttach = attachments.length < MAX_ATTACHMENTS;
-
-  return {
-    attachments,
-    addFile,
-    addPaste,
-    removeAttachment,
-    retryAttachment,
-    clearAll,
-    readyIds,
-    hasUploading,
-    canAttach,
-  };
-}

package/src/client/hooks/useBookmarks.ts

@@ -1,57 +0,0 @@
-import { useEffect } from "react";
-import { useStore } from "@tanstack/react-store";
-import type { ServerMessage, BookmarkListResultMessage, MessageBookmark } from "#shared";
-import { useWebSocket } from "./useWebSocket";
-import { getBookmarkStore, setBookmarks, setAllBookmarks } from "../stores/bookmarks";
-import { getSessionStore } from "../stores/session";
-import type { BookmarkState } from "../stores/bookmarks";
-
-export function useBookmarks(): BookmarkState & {
-  requestSessionBookmarks: () => void;
-  requestAllBookmarks: () => void;
-} {
-  var store = getBookmarkStore();
-  var state = useStore(store, function (s) { return s; });
-  var { send, subscribe, unsubscribe } = useWebSocket();
-
-  useEffect(function () {
-    function handleBookmarkList(msg: ServerMessage) {
-      if (msg.type !== "bookmark:list_result") return;
-      var data = msg as BookmarkListResultMessage;
-      if (data.scope === "session") {
-        setBookmarks(data.bookmarks);
-      } else {
-        setAllBookmarks(data.bookmarks);
-        var sessionState = getSessionStore().state;
-        if (sessionState.activeSessionId) {
-          var sessionBookmarks = data.bookmarks.filter(function (b: MessageBookmark) {
-            return b.sessionId === sessionState.activeSessionId;
-          });
-          setBookmarks(sessionBookmarks);
-        }
-      }
-    }
-
-    subscribe("bookmark:list_result", handleBookmarkList);
-    return function () {
-      unsubscribe("bookmark:list_result", handleBookmarkList);
-    };
-  }, [subscribe, unsubscribe]);
-
-  function requestSessionBookmarks() {
-    var sessionState = getSessionStore().state;
-    if (!sessionState.activeSessionId || !sessionState.activeProjectSlug) return;
-    send({ type: "bookmark:list", projectSlug: sessionState.activeProjectSlug, sessionId: sessionState.activeSessionId });
-  }
-
-  function requestAllBookmarks() {
-    send({ type: "bookmark:list" });
-  }
-
-  return {
-    bookmarks: state.bookmarks,
-    allBookmarks: state.allBookmarks,
-    requestSessionBookmarks,
-    requestAllBookmarks,
-  };
-}