@cryptiklemur/lattice 2.0.0 → 4.0.0

package/src/client/components/project-settings/ProjectPermissions.tsx

@@ -2,7 +2,7 @@ import { useState, useEffect } from "react";
 import { X, Plus } from "lucide-react";
 import { SaveFooter } from "../ui/SaveFooter";
 import { useSaveState } from "../../hooks/useSaveState";
-import type { ProjectSettings } from "@lattice/shared";
+import type { ProjectSettings } from "#shared";
 
 function RuleList({
   rules,

package/src/client/components/project-settings/ProjectPlugins.tsx

@@ -1,7 +1,7 @@
 import { useState, useEffect } from "react";
 import { Blocks, Loader2 } from "lucide-react";
 import { useWebSocket } from "../../hooks/useWebSocket";
-import type { ProjectSettings, ServerMessage, PluginInfo } from "@lattice/shared";
+import type { ProjectSettings, ServerMessage, PluginInfo } from "#shared";
 
 interface ProjectPluginsProps {
   settings: ProjectSettings;

package/src/client/components/project-settings/ProjectRules.tsx

@@ -2,7 +2,7 @@ import { useState, useEffect } from "react";
 import { X, Plus, ChevronDown, ChevronRight, ExternalLink } from "lucide-react";
 import { SaveFooter } from "../ui/SaveFooter";
 import { useSaveState } from "../../hooks/useSaveState";
-import type { ProjectSettings } from "@lattice/shared";
+import type { ProjectSettings } from "#shared";
 
 interface RuleEntry {
   filename: string;

package/src/client/components/project-settings/ProjectSettingsView.tsx

@@ -2,7 +2,7 @@ import { useSidebar } from "../../hooks/useSidebar";
 import { useProjectSettings } from "../../hooks/useProjectSettings";
 import { Menu } from "lucide-react";
 import type { ProjectSettingsSection } from "../../stores/sidebar";
-import type { ProjectSettings } from "@lattice/shared";
+import type { ProjectSettings } from "#shared";
 import { ProjectGeneral } from "./ProjectGeneral";
 import { ProjectClaude } from "./ProjectClaude";
 import { ProjectEnvironment } from "./ProjectEnvironment";

package/src/client/components/project-settings/ProjectSkills.tsx

@@ -2,7 +2,7 @@ import { useState, useEffect } from "react";
 import { useWebSocket } from "../../hooks/useWebSocket";
 import { SkillMarketplace } from "../settings/SkillMarketplace";
 import { SkillItem, SkillViewModal } from "../settings/skill-shared";
-import type { ProjectSettings, ServerMessage } from "@lattice/shared";
+import type { ProjectSettings, ServerMessage } from "#shared";
 
 interface ProjectSkillsProps {
   settings: ProjectSettings;

package/src/client/components/settings/Appearance.tsx

@@ -6,7 +6,7 @@ import type { ThemeEntry } from "../../themes/index";
 import { ThemeWizard } from "./ThemeWizard";
 import { ThemeSwatches } from "./ThemePreview";
 import { ContextMenu, useContextMenu } from "../ui/ContextMenu";
-import type { ServerMessage } from "@lattice/shared";
+import type { ServerMessage } from "#shared";
 
 var SWATCH_KEYS = [
   "base00", "base01", "base02", "base03",

package/src/client/components/settings/BudgetSettings.tsx

@@ -4,7 +4,7 @@ import { useWebSocket } from "../../hooks/useWebSocket";
 import { useSaveState } from "../../hooks/useSaveState";
 import { SaveFooter } from "../ui/SaveFooter";
 import { getSessionStore, setBudgetStatus } from "../../stores/session";
-import type { ServerMessage, SettingsDataMessage, SettingsUpdateMessage } from "@lattice/shared";
+import type { ServerMessage, SettingsDataMessage, SettingsUpdateMessage } from "#shared";
 
 var ENFORCEMENT_OPTIONS = [
   { id: "warning", label: "Warning", description: "Shows a warning but does not block" },

package/src/client/components/settings/ClaudeSettings.tsx

@@ -3,7 +3,7 @@ import { ExternalLink } from "lucide-react";
 import { useWebSocket } from "../../hooks/useWebSocket";
 import { useSaveState } from "../../hooks/useSaveState";
 import { SaveFooter } from "../ui/SaveFooter";
-import type { ServerMessage, SettingsDataMessage, SettingsUpdateMessage } from "@lattice/shared";
+import type { ServerMessage, SettingsDataMessage, SettingsUpdateMessage } from "#shared";
 
 var CLAUDE_MODELS = [
   { id: "claude-opus-4-6", label: "Claude Opus 4.6" },

package/src/client/components/settings/Editor.tsx

@@ -2,7 +2,7 @@ import { useEffect, useRef, useState } from "react";
 import { useWebSocket } from "../../hooks/useWebSocket";
 import { useSaveState } from "../../hooks/useSaveState";
 import { SaveFooter } from "../ui/SaveFooter";
-import type { ServerMessage, SettingsDataMessage, SettingsUpdateMessage } from "@lattice/shared";
+import type { ServerMessage, SettingsDataMessage, SettingsUpdateMessage } from "#shared";
 
 var IDE_OPTIONS = [
   { id: "vscode", label: "VS Code" },

package/src/client/components/settings/Environment.tsx

@@ -4,7 +4,7 @@ import { useWebSocket } from "../../hooks/useWebSocket";
 import { useSaveState } from "../../hooks/useSaveState";
 import { SaveFooter } from "../ui/SaveFooter";
 import { findDuplicateKeys } from "../../utils/findDuplicateKeys";
-import type { ServerMessage, SettingsDataMessage } from "@lattice/shared";
+import type { ServerMessage, SettingsDataMessage } from "#shared";
 
 interface EnvEntry {
   id: string;

package/src/client/components/settings/GlobalMcp.tsx

@@ -3,7 +3,7 @@ import { Plus, Pencil, Trash2, ExternalLink } from "lucide-react";
 import { useSaveState } from "../../hooks/useSaveState";
 import { SaveFooter } from "../ui/SaveFooter";
 import { useWebSocket } from "../../hooks/useWebSocket";
-import type { ServerMessage, SettingsDataMessage, McpServerConfig } from "@lattice/shared";
+import type { ServerMessage, SettingsDataMessage, McpServerConfig } from "#shared";
 import {
   type FormState,
   emptyForm,
@@ -99,7 +99,7 @@ export function GlobalMcp() {
     save.startSave();
     send({
       type: "settings:update",
-      settings: { mcpServers: servers } as unknown as import("@lattice/shared").SettingsUpdateMessage["settings"],
+      settings: { mcpServers: servers } as unknown as import("#shared").SettingsUpdateMessage["settings"],
     });
   }
 

package/src/client/components/settings/GlobalPlugins.tsx

@@ -12,7 +12,7 @@ import type {
   PluginError,
   PluginMarketplaceInfo,
   MarketplacePluginEntry,
-} from "@lattice/shared";
+} from "#shared";
 
 export function GlobalPlugins() {
   var { send, subscribe, unsubscribe } = useWebSocket();
@@ -503,7 +503,7 @@ function PluginDetailModal({ plugin, onClose }: { plugin: PluginDetails; onClose
 
   return (
     <div className="fixed inset-0 z-50 flex items-center justify-center" role="dialog" aria-modal="true" aria-label={"Plugin: " + plugin.name}>
-      <div className="absolute inset-0 bg-black/50" onClick={onClose} />
+      <div className="absolute inset-0 bg-base-content/50" onClick={onClose} />
       <div className="relative bg-base-200 border border-base-content/15 rounded-2xl shadow-2xl w-full max-w-2xl mx-4 max-h-[80vh] flex flex-col overflow-hidden">
         <div className="flex items-center justify-between px-5 py-4 border-b border-base-content/15 flex-shrink-0">
           <div className="flex items-center gap-2.5 min-w-0">

package/src/client/components/settings/GlobalRules.tsx

@@ -1,7 +1,7 @@
 import { useState, useEffect } from "react";
 import { ChevronDown, ChevronRight, ExternalLink } from "lucide-react";
 import { useWebSocket } from "../../hooks/useWebSocket";
-import type { ServerMessage, SettingsDataMessage } from "@lattice/shared";
+import type { ServerMessage, SettingsDataMessage } from "#shared";
 
 interface RuleEntry {
   filename: string;

package/src/client/components/settings/GlobalSkills.tsx

@@ -3,7 +3,7 @@ import { ExternalLink } from "lucide-react";
 import { useWebSocket } from "../../hooks/useWebSocket";
 import { SkillMarketplace } from "./SkillMarketplace";
 import { SkillItem, SkillActions, SkillViewModal } from "./skill-shared";
-import type { ServerMessage, SkillInfo, SettingsDataMessage } from "@lattice/shared";
+import type { ServerMessage, SkillInfo, SettingsDataMessage } from "#shared";
 
 export function GlobalSkills() {
   var { send, subscribe, unsubscribe } = useWebSocket();

package/src/client/components/settings/MeshStatus.tsx

@@ -3,7 +3,7 @@ import { Plus, CircleDot, Circle, RefreshCw, Loader2 } from "lucide-react";
 import { useWebSocket } from "../../hooks/useWebSocket";
 import { useMesh } from "../../hooks/useMesh";
 import { PairingDialog } from "../mesh/PairingDialog";
-import type { NodeInfo } from "@lattice/shared";
+import type { NodeInfo } from "#shared";
 
 interface NodeRowProps {
   node: NodeInfo;

package/src/client/components/settings/SkillMarketplace.tsx

@@ -2,7 +2,7 @@ import { useState, useEffect, useRef } from "react";
 import { Search, Download, ChevronDown, Loader2 } from "lucide-react";
 import { useWebSocket } from "../../hooks/useWebSocket";
 import { useProjects } from "../../hooks/useProjects";
-import type { ServerMessage, MarketplaceSkill } from "@lattice/shared";
+import type { ServerMessage, MarketplaceSkill } from "#shared";
 
 interface SkillMarketplaceProps {
   defaultScope?: "global" | "project";

package/src/client/components/settings/ThemeWizard.tsx

@@ -161,7 +161,7 @@ export function ThemeWizard(props: ThemeWizardProps) {
   var canProceed = step === 1 ? name.trim().length > 0 : true;
 
   return createPortal(
-    <div className="fixed inset-0 z-[9999] flex items-center justify-center bg-black/60 backdrop-blur-sm" onClick={props.onClose}>
+    <div className="fixed inset-0 z-[9999] flex items-center justify-center bg-base-content/60 backdrop-blur-sm" onClick={props.onClose}>
       <div
         className="bg-base-200 border border-base-content/15 rounded-2xl shadow-2xl w-[90vw] max-w-[860px] max-h-[85vh] flex flex-col overflow-hidden"
         onClick={function (e) { e.stopPropagation(); }}

package/src/client/components/settings/mcp-shared.tsx

@@ -1,4 +1,4 @@
-import type { McpServerConfig } from "@lattice/shared";
+import type { McpServerConfig } from "#shared";
 
 export type ServerType = "stdio" | "http" | "sse";
 

package/src/client/components/settings/skill-shared.tsx

@@ -2,7 +2,7 @@ import { useState, useEffect } from "react";
 import { Trash2, RefreshCw, X, Loader2, FileText } from "lucide-react";
 import Markdown from "react-markdown";
 import remarkGfm from "remark-gfm";
-import type { SkillInfo } from "@lattice/shared";
+import type { SkillInfo } from "#shared";
 
 function parseFrontmatter(content: string): { meta: Record<string, string>; body: string } {
   var match = content.match(/^---\r?\n([\s\S]*?)\r?\n---\s*\r?\n?([\s\S]*)$/);
@@ -136,7 +136,7 @@ export function SkillViewModal({ path, content, onClose }: { path: string; conte
 
   return (
     <div className="fixed inset-0 z-50 flex items-center justify-center" role="dialog" aria-modal="true" aria-label={"Skill: " + (parsed.meta.name || path)}>
-      <div className="absolute inset-0 bg-black/50" onClick={onClose} />
+      <div className="absolute inset-0 bg-base-content/50" onClick={onClose} />
       <div className="relative bg-base-200 border border-base-content/15 rounded-2xl shadow-2xl w-full max-w-2xl mx-4 max-h-[80vh] flex flex-col overflow-hidden">
         <div className="flex items-center justify-between px-5 py-4 border-b border-base-content/15 flex-shrink-0">
           <div className="flex items-center gap-2 min-w-0">

package/src/client/components/setup/SetupWizard.tsx

@@ -352,6 +352,7 @@ function NameStep(props: NameStepProps) {
             value={props.value}
             onChange={function (e) { props.onChange(e.target.value); }}
             placeholder="my-laptop"
+            aria-label="Machine name"
             className="flex-1 bg-transparent text-base-content font-mono text-[14px] outline-none"
             autoFocus
             spellCheck={false}
@@ -518,6 +519,7 @@ function SecurityStep(props: SecurityStepProps) {
           value={props.passphrase}
           onChange={function (e) { props.onPassphraseChange(e.target.value); }}
           placeholder="Leave blank to skip"
+          aria-label="Passphrase"
           className="input input-bordered w-full bg-base-300 text-base-content text-[14px] focus:border-primary"
           autoFocus
         />
@@ -544,6 +546,7 @@ function SecurityStep(props: SecurityStepProps) {
             value={props.passphraseConfirm}
             onChange={function (e) { props.onConfirmChange(e.target.value); }}
             placeholder="Repeat passphrase"
+            aria-label="Confirm passphrase"
             className={
               "input input-bordered w-full bg-base-300 text-base-content text-[14px] focus:border-primary " +
               (props.error ? "border-error" : "")
@@ -595,6 +598,7 @@ function ProjectStep(props: ProjectStepProps) {
           value={props.path}
           onChange={function (e) { props.onPathChange(e.target.value); }}
           placeholder="/home/you/projects/my-app"
+          aria-label="Project path"
           className="input input-bordered w-full bg-base-300 text-base-content font-mono text-[14px] focus:border-primary"
           autoFocus
           spellCheck={false}
@@ -612,6 +616,7 @@ function ProjectStep(props: ProjectStepProps) {
           value={props.title}
           onChange={function (e) { props.onTitleChange(e.target.value); }}
           placeholder={props.path ? (props.path.replace(/\/+$/, "").split("/").pop() || "My App") : "My App"}
+          aria-label="Display name"
           className="input input-bordered w-full bg-base-300 text-base-content text-[14px] focus:border-primary"
         />
       </fieldset>

package/src/client/components/sidebar/AddProjectModal.tsx

@@ -3,7 +3,7 @@ import { useFocusTrap } from "../../hooks/useFocusTrap";
 import { X, FolderOpen, FileText, Loader2 } from "lucide-react";
 import { useWebSocket } from "../../hooks/useWebSocket";
 import { useProjects } from "../../hooks/useProjects";
-import type { ServerMessage } from "@lattice/shared";
+import type { ServerMessage } from "#shared";
 
 interface BrowseEntry {
   name: string;
@@ -285,7 +285,7 @@ export function AddProjectModal({ isOpen, onClose }: AddProjectModalProps) {
 
   return (
     <div ref={modalRef} className="fixed inset-0 z-[9999] flex items-center justify-center" role="dialog" aria-modal="true" aria-label="Add Project">
-      <div className="absolute inset-0 bg-black/50" onClick={onClose} />
+      <div className="absolute inset-0 bg-base-content/50" onClick={onClose} />
       <div className="relative bg-base-200 border border-base-content/15 rounded-2xl shadow-2xl w-full max-w-3xl mx-4 overflow-hidden">
         <div className="flex items-center justify-between px-5 py-4 border-b border-base-content/15">
           <h2 className="text-[15px] font-mono font-bold text-base-content">Add Project</h2>

package/src/client/components/sidebar/NodeSettingsModal.tsx

@@ -5,7 +5,7 @@ import { useWebSocket } from "../../hooks/useWebSocket";
 import { useMesh } from "../../hooks/useMesh";
 import { useSaveState } from "../../hooks/useSaveState";
 import { SaveFooter } from "../ui/SaveFooter";
-import type { ServerMessage, SettingsDataMessage, LatticeConfig } from "@lattice/shared";
+import type { ServerMessage, SettingsDataMessage, LatticeConfig } from "#shared";
 
 interface NodeSettingsModalProps {
   isOpen: boolean;
@@ -89,7 +89,7 @@ export function NodeSettingsModal({ isOpen, onClose }: NodeSettingsModalProps) {
 
   return (
     <div ref={modalRef} className="fixed inset-0 z-[9999] flex items-center justify-center" role="dialog" aria-modal="true" aria-label="Node Settings">
-      <div className="absolute inset-0 bg-black/50" onClick={onClose} />
+      <div className="absolute inset-0 bg-base-content/50" onClick={onClose} />
       <div className="relative bg-base-200 border border-base-content/15 rounded-2xl shadow-2xl w-full max-w-md mx-4 overflow-hidden">
         <div className="flex items-center justify-between px-5 py-4 border-b border-base-content/15">
           <h2 className="text-[15px] font-mono font-bold text-base-content">Node Settings</h2>

package/src/client/components/sidebar/ProjectRail.tsx

@@ -1,7 +1,7 @@
 import { useState } from "react";
 import { createPortal } from "react-dom";
 import { Plus, Settings, PlusCircle, Trash2, Unplug, RefreshCw } from "lucide-react";
-import type { ProjectInfo, NodeInfo } from "@lattice/shared";
+import type { ProjectInfo, NodeInfo } from "#shared";
 import { LatticeLogomark } from "../ui/LatticeLogomark";
 import { useWebSocket } from "../../hooks/useWebSocket";
 import { useSidebar } from "../../hooks/useSidebar";

package/src/client/components/sidebar/SessionList.tsx

@@ -2,8 +2,8 @@ import { useEffect, useRef, useState, useMemo, useCallback } from "react";
 import { createPortal } from "react-dom";
 import { Clock, MessageSquare, Cpu, DollarSign, Pencil, Trash2 } from "lucide-react";
 import { ContextMenu, useContextMenu } from "../ui/ContextMenu";
-import type { SessionSummary, SessionPreview, SessionListMessage, SessionCreatedMessage, SessionPreviewMessage } from "@lattice/shared";
-import type { ServerMessage } from "@lattice/shared";
+import type { SessionSummary, SessionPreview, SessionListMessage, SessionCreatedMessage, SessionPreviewMessage } from "#shared";
+import type { ServerMessage } from "#shared";
 import { useWebSocket } from "../../hooks/useWebSocket";
 import { useTimeTick } from "../../hooks/useTimeTick";
 import { markSessionHasUpdates, sessionHasUpdates, markSessionRead } from "../../stores/session";

package/src/client/components/sidebar/Sidebar.tsx

@@ -1,7 +1,7 @@
 import { useState, useEffect, useRef } from "react";
 import { Plus, ChevronDown, Search, LayoutDashboard, FolderOpen, TerminalSquare, StickyNote, Calendar, BarChart3, Bookmark, Settings, Network } from "lucide-react";
 import { LatticeLogomark } from "../ui/LatticeLogomark";
-import type { SessionSummary, ServerMessage, SettingsDataMessage } from "@lattice/shared";
+import type { SessionSummary, ServerMessage, SettingsDataMessage } from "#shared";
 import type { DateRange } from "./SessionList";
 import { useProjects } from "../../hooks/useProjects";
 import { useMesh } from "../../hooks/useMesh";

package/src/client/components/sidebar/UserIsland.tsx

@@ -8,7 +8,7 @@ import { useWebSocket } from "../../hooks/useWebSocket";
 import { getSessionStore, loadCachedRateLimits, updateRateLimit } from "../../stores/session";
 import type { RateLimitEntry } from "../../stores/session";
 import pkg from "../../../../package.json";
-import type { ServerMessage } from "@lattice/shared";
+import type { ServerMessage } from "#shared";
 
 interface UserIslandProps {
   nodeName: string;

package/src/client/components/ui/CommandPalette.tsx

@@ -248,7 +248,7 @@ export function CommandPalette() {
 
   return (
     <div className="fixed inset-0 z-[9998] flex items-start justify-center pt-[15vh]" onClick={close}>
-      <div className="absolute inset-0 bg-black/50" />
+      <div className="absolute inset-0 bg-base-content/50" />
       <div
         className="relative w-full max-w-[520px] mx-4 bg-base-200 border border-base-content/10 rounded-xl shadow-2xl overflow-hidden"
         onClick={function (e) { e.stopPropagation(); }}

package/src/client/components/ui/IconPicker.tsx

@@ -1,6 +1,6 @@
 import { useState, useMemo } from "react";
 import { icons } from "lucide-react";
-import type { ProjectIcon } from "@lattice/shared";
+import type { ProjectIcon } from "#shared";
 
 type Tab = "lucide" | "text" | "upload";
 
@@ -110,6 +110,7 @@ export function IconPicker({ value, onChange }: IconPickerProps) {
             value={search}
             onChange={function (e) { setSearch(e.target.value); }}
             placeholder="Search icons..."
+            aria-label="Search icons"
             className="w-full h-8 px-3 bg-base-300 border border-base-content/15 rounded-xl text-base-content text-[12px] focus:border-primary focus-visible:outline-none transition-colors duration-[120ms]"
           />
           <div className="grid grid-cols-10 gap-1 max-h-48 overflow-y-auto">
@@ -148,6 +149,7 @@ export function IconPicker({ value, onChange }: IconPickerProps) {
               }
             }}
             placeholder="1-2 chars"
+            aria-label="Icon text"
             className="flex-1 h-9 px-3 bg-base-300 border border-base-content/15 rounded-xl text-base-content text-[13px] focus:border-primary focus-visible:outline-none transition-colors duration-[120ms]"
           />
           <input

package/src/client/components/ui/KeyboardShortcuts.tsx

@@ -76,7 +76,7 @@ export function KeyboardShortcuts() {
 
   return (
     <div className="fixed inset-0 z-[9998] flex items-center justify-center" onClick={function () { setOpen(false); }}>
-      <div className="absolute inset-0 bg-black/50" />
+      <div className="absolute inset-0 bg-base-content/50" />
       <div
         className="relative w-full max-w-[540px] mx-4 bg-base-200 border border-base-content/15 rounded-2xl shadow-xl overflow-hidden"
         onClick={function (e) { e.stopPropagation(); }}

package/src/client/components/ui/UpdateBanner.tsx

@@ -1,7 +1,7 @@
 import { useState, useEffect } from "react";
 import { ArrowUpCircle, X, Loader2, ExternalLink, RefreshCw } from "lucide-react";
 import { useWebSocket } from "../../hooks/useWebSocket";
-import type { ServerMessage } from "@lattice/shared";
+import type { ServerMessage } from "#shared";
 
 interface UpdateState {
   currentVersion: string;

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

@@ -4,7 +4,7 @@ import { useBookmarks } from "../../hooks/useBookmarks";
 import { useSession } from "../../hooks/useSession";
 import { useProjects } from "../../hooks/useProjects";
 import { openTab } from "../../stores/workspace";
-import type { MessageBookmark } from "@lattice/shared";
+import type { MessageBookmark } from "#shared";
 
 function relativeTime(ts: number): string {
   var diff = Date.now() - ts;
@@ -80,7 +80,7 @@ export function BookmarksView() {
     setTimeout(function () {
       var el = document.getElementById("msg-" + bm.messageUuid);
       if (el) {
-        el.scrollIntoView({ behavior: "smooth", block: "center" });
+        el.scrollIntoView({ behavior: window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "auto" : "smooth", block: "center" });
         el.classList.add("ring-2", "ring-warning/40");
         setTimeout(function () { el!.classList.remove("ring-2", "ring-warning/40"); }, 2000);
       }

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

@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useRef, useState } from "react";
 import { ArrowLeft, FileCode, FileX } from "lucide-react";
-import type { FsListResultMessage, FsReadResultMessage, ServerMessage } from "@lattice/shared";
+import type { FsListResultMessage, FsReadResultMessage, ServerMessage } from "#shared";
 import { useWebSocket } from "../../hooks/useWebSocket";
 import { useSidebar } from "../../hooks/useSidebar";
 import { useProjects } from "../../hooks/useProjects";

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

@@ -1,5 +1,5 @@
 import { ChevronRight, FileIcon } from "lucide-react";
-import type { FileEntry } from "@lattice/shared";
+import type { FileEntry } from "#shared";
 
 export interface TreeNode {
   entry: FileEntry;

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

@@ -1,6 +1,6 @@
 import { useState, useRef } from "react";
 import { Trash2 } from "lucide-react";
-import type { StickyNote } from "@lattice/shared";
+import type { StickyNote } from "#shared";
 
 interface NoteCardProps {
   note: StickyNote;
@@ -74,6 +74,7 @@ export function NoteCard(props: NoteCardProps) {
             onBlur={handleBlur}
             onKeyDown={handleKeyDown}
             placeholder="Type your note..."
+            aria-label="Note content"
             className="textarea textarea-bordered w-full min-h-[80px] bg-base-300 text-base-content text-[13px] resize-y leading-relaxed"
           />
         ) : (

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

@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useState } from "react";
 import { StickyNote as StickyNoteIcon } from "lucide-react";
-import type { StickyNote, ServerMessage } from "@lattice/shared";
+import type { StickyNote, ServerMessage } from "#shared";
 import { useWebSocket } from "../../hooks/useWebSocket";
 import { useSession } from "../../hooks/useSession";
 import { useOnline } from "../../hooks/useOnline";

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

@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useState } from "react";
 import { Calendar } from "lucide-react";
-import type { ScheduledTask, ServerMessage } from "@lattice/shared";
+import type { ScheduledTask, ServerMessage } from "#shared";
 import { useWebSocket } from "../../hooks/useWebSocket";
 import { useSession } from "../../hooks/useSession";
 import { useOnline } from "../../hooks/useOnline";

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

@@ -1,7 +1,7 @@
 import { useState } from "react";
 import { ChevronDown, ChevronRight, Pencil, Trash2 } from "lucide-react";
 import cronstrue from "cronstrue";
-import type { ScheduledTask } from "@lattice/shared";
+import type { ScheduledTask } from "#shared";
 
 interface TaskCardProps {
   task: ScheduledTask;
@@ -97,6 +97,7 @@ export function TaskCard(props: TaskCardProps) {
             className="toggle toggle-primary toggle-xs"
             checked={task.enabled}
             disabled={disabled}
+            aria-label={"Toggle " + task.name}
             onChange={function () {}}
           />
         </label>

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

@@ -2,7 +2,7 @@ import { useState, useRef, useCallback } from "react";
 import { X } from "lucide-react";
 import { useFocusTrap } from "../../hooks/useFocusTrap";
 import cronstrue from "cronstrue";
-import type { ScheduledTask } from "@lattice/shared";
+import type { ScheduledTask } from "#shared";
 
 interface TaskEditModalProps {
   task: ScheduledTask | null;
@@ -46,7 +46,7 @@ export function TaskEditModal(props: TaskEditModalProps) {
   return (
     <div
       ref={modalRef}
-      className="fixed inset-0 z-[9999] flex items-center justify-center bg-black/50 backdrop-blur-sm"
+      className="fixed inset-0 z-[9999] flex items-center justify-center bg-base-content/50 backdrop-blur-sm"
       onClick={handleBackdrop}
       role="dialog"
       aria-modal="true"

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

@@ -6,7 +6,7 @@ import { SearchAddon } from "@xterm/addon-search";
 import "@xterm/xterm/css/xterm.css";
 import { useWebSocket } from "../../hooks/useWebSocket";
 import { useSidebar } from "../../hooks/useSidebar";
-import type { ServerMessage, TerminalCreatedMessage, TerminalOutputMessage, TerminalExitedMessage } from "@lattice/shared";
+import type { ServerMessage, TerminalCreatedMessage, TerminalOutputMessage, TerminalExitedMessage } from "#shared";
 
 function getXtermTheme(): Record<string, string> {
   var root = document.documentElement;

package/src/client/hooks/useAnalytics.ts

@@ -1,9 +1,9 @@
-import { useEffect, useRef } from "react";
+import { useCallback, useEffect, useRef } from "react";
 import { useStore } from "@tanstack/react-store";
 import { useWebSocket } from "./useWebSocket";
-import type { ServerMessage } from "@lattice/shared";
-import type { AnalyticsPeriod, AnalyticsScope, AnalyticsSectionName } from "@lattice/shared";
-import type { AnalyticsPayload } from "@lattice/shared";
+import type { ServerMessage } from "#shared";
+import type { AnalyticsPeriod, AnalyticsScope, AnalyticsSectionName } from "#shared";
+import type { AnalyticsPayload } from "#shared";
 import {
   getAnalyticsStore,
   mergeAnalyticsSection,
@@ -26,7 +26,7 @@ export function useAnalytics(): AnalyticsState & {
   var sendRef = useRef(send);
   sendRef.current = send;
 
-  function requestAnalytics(forceRefresh?: boolean) {
+  var requestAnalytics = useCallback(function (forceRefresh?: boolean) {
     var s = getAnalyticsStore().state;
     clearAnalyticsForRequest();
     sendRef.current({
@@ -37,7 +37,7 @@ export function useAnalytics(): AnalyticsState & {
       period: s.period,
       forceRefresh: forceRefresh,
     } as any);
-  }
+  }, []);
 
   useEffect(function () {
     function handleSection(msg: ServerMessage) {
@@ -67,7 +67,7 @@ export function useAnalytics(): AnalyticsState & {
 
   useEffect(function () {
     requestAnalytics();
-  }, [state.period, state.scope, state.projectSlug]);
+  }, [state.period, state.scope, state.projectSlug, requestAnalytics]);
 
   return {
     data: state.data,