@cryptiklemur/lattice 4.0.2 → 5.0.0

package/src/client/styles/global.css

@@ -1,391 +0,0 @@
-@import "tailwindcss";
-@plugin "daisyui";
-@plugin "@tailwindcss/typography";
-
-@layer base {
-  button:not(:disabled),
-  a[href],
-  [role="button"]:not([aria-disabled="true"]) {
-    cursor: pointer;
-  }
-}
-@plugin "daisyui/theme" {
-  name: "lattice-dark";
-  default: true;
-  prefersdark: true;
-  color-scheme: dark;
-  --color-base-100: oklch(13% 0.02 280);
-  --color-base-200: oklch(16% 0.02 280);
-  --color-base-300: oklch(20% 0.02 280);
-  --color-base-content: oklch(90% 0.02 280);
-  --color-primary: oklch(55% 0.25 280);
-  --color-primary-content: oklch(98% 0.01 280);
-  --color-secondary: oklch(60% 0.2 280);
-  --color-secondary-content: oklch(98% 0.01 280);
-  --color-accent: oklch(65% 0.25 150);
-  --color-accent-content: oklch(98% 0.01 150);
-  --color-neutral: oklch(25% 0.02 280);
-  --color-neutral-content: oklch(85% 0.02 280);
-  --color-info: oklch(65% 0.2 240);
-  --color-info-content: oklch(98% 0.01 240);
-  --color-success: oklch(70% 0.2 150);
-  --color-success-content: oklch(98% 0.01 150);
-  --color-warning: oklch(80% 0.2 85);
-  --color-warning-content: oklch(20% 0.05 85);
-  --color-error: oklch(65% 0.25 25);
-  --color-error-content: oklch(98% 0.01 25);
-  --radius-selector: 0.5rem;
-  --radius-field: 0.25rem;
-  --radius-box: 0.5rem;
-  --size-selector: 0.25rem;
-  --size-field: 0.25rem;
-  --border: 1px;
-  --depth: 1;
-  --noise: 0;
-}
-
-:root {
-  --sidebar-width: 260px;
-  --node-rail-width: 52px;
-
-  --font-ui: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
-  --font-mono: "JetBrains Mono", "Berkeley Mono", "Geist Mono", ui-monospace, monospace;
-  --font-heading: "JetBrains Mono", "Berkeley Mono", ui-monospace, monospace;
-}
-
-html, body {
-  height: 100%;
-  width: 100%;
-  max-width: 100vw;
-  overflow-x: hidden;
-  font-family: var(--font-ui);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-#root {
-  height: 100%;
-  width: 100%;
-  max-width: 100vw;
-  display: flex;
-  overflow: hidden;
-  position: relative;
-}
-
-::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
-}
-
-::-webkit-scrollbar-track {
-  background: transparent;
-}
-
-::-webkit-scrollbar-thumb {
-  background: oklch(from var(--color-base-content) l c h / 0.15);
-  border-radius: 3px;
-}
-
-::-webkit-scrollbar-thumb:hover {
-  background: oklch(from var(--color-base-content) l c h / 0.25);
-}
-
-* {
-  scrollbar-width: thin;
-  scrollbar-color: oklch(from var(--color-base-content) l c h / 0.15) transparent;
-}
-
-.prose pre {
-  border-radius: 0.5rem;
-  border: 1px solid oklch(from var(--color-base-content) l c h / 0.1);
-  font-family: var(--font-mono);
-  font-size: 13px;
-  line-height: 1.6;
-  overflow-x: auto;
-  max-width: 100%;
-}
-
-.prose {
-  overflow-wrap: break-word;
-  word-break: break-word;
-}
-
-.prose code {
-  font-family: var(--font-mono);
-  font-size: 13px;
-  padding: 0.15em 0.3em;
-  border-radius: 0.25rem;
-  background: oklch(from var(--color-base-content) l c h / 0.08);
-}
-
-.prose pre code {
-  padding: 0;
-  background: transparent;
-}
-
-.prose .table-wrapper {
-  position: relative;
-  overflow-x: auto;
-  margin: 0.75em 0;
-  border-radius: 0.5rem;
-  border: 1px solid oklch(from var(--color-base-content) l c h / 0.08);
-  background: oklch(from var(--color-base-100) l c h / 0.6);
-  scrollbar-width: thin;
-}
-
-/* Horizontal scroll fade indicator */
-.prose .table-wrapper::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  width: 24px;
-  background: linear-gradient(to right, transparent, oklch(from var(--color-base-100) l c h / 0.8));
-  pointer-events: none;
-  opacity: 1;
-  transition: opacity 150ms;
-  border-radius: 0 0.5rem 0.5rem 0;
-}
-
-/* Hide fade when scrolled to end (JS adds this class) or when content fits */
-.prose .table-wrapper.scrolled-end::after,
-.prose .table-wrapper:not(.has-overflow)::after {
-  opacity: 0;
-}
-
-.prose table {
-  border-collapse: collapse;
-  width: 100%;
-  font-size: 12px;
-  font-family: var(--font-mono);
-  margin: 0;
-  border: none;
-  line-height: 1.5;
-}
-
-.prose thead {
-  background: oklch(from var(--color-base-content) l c h / 0.04);
-  position: sticky;
-  top: 0;
-  z-index: 1;
-}
-
-.prose th {
-  text-align: left;
-  font-weight: 600;
-  font-size: 10px;
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  padding: 8px 14px;
-  color: oklch(from var(--color-base-content) l c h / 0.35);
-  border-bottom: 1px solid oklch(from var(--color-base-content) l c h / 0.1);
-  white-space: nowrap;
-  user-select: none;
-}
-
-.prose td {
-  padding: 8px 14px;
-  color: oklch(from var(--color-base-content) l c h / 0.65);
-  border-bottom: 1px solid oklch(from var(--color-base-content) l c h / 0.04);
-  vertical-align: top;
-  white-space: normal;
-  min-width: 60px;
-}
-
-.prose td code {
-  font-size: 11px;
-  white-space: nowrap;
-  padding: 1px 5px;
-  border-radius: 3px;
-  background: oklch(from var(--color-primary) l c h / 0.08);
-  color: oklch(from var(--color-primary) l c h / 0.8);
-}
-
-.prose tbody tr:last-child td {
-  border-bottom: none;
-}
-
-.prose tbody tr {
-  transition: background-color 150ms ease;
-}
-
-.prose tbody tr:nth-child(even) {
-  background: oklch(from var(--color-base-content) l c h / 0.015);
-}
-
-.prose tbody tr:hover {
-  background: oklch(from var(--color-primary) l c h / 0.04);
-}
-
-.bg-lattice-grid {
-  background-color: transparent;
-}
-
-@media (min-width: 640px) {
-  .bg-lattice-grid {
-    background-image: radial-gradient(circle, oklch(90% 0.02 280 / 0.05) 1px, transparent 1px);
-    background-size: 24px 24px;
-  }
-}
-
-.fullscreen-chart-container {
-  display: flex;
-  flex-direction: column;
-}
-
-.fullscreen-chart-container > * {
-  flex: 1;
-  min-height: 0;
-}
-
-.fullscreen-chart-container .recharts-responsive-container {
-  height: 100% !important;
-  min-height: 0 !important;
-}
-
-@keyframes pulse {
-  0%, 80%, 100% { opacity: 0.2; transform: scale(0.8); }
-  40% { opacity: 1; transform: scale(1); }
-}
-
-@keyframes spin {
-  to { transform: rotate(360deg); }
-}
-
-@keyframes toast-in {
-  from { opacity: 0; transform: translateX(12px); }
-  to { opacity: 1; transform: translateX(0); }
-}
-
-@media (pointer: coarse) {
-  .btn-xs,
-  .btn-sm,
-  .select-xs,
-  .select-sm {
-    min-height: 44px;
-    min-width: 44px;
-  }
-
-  .btn-xs.min-h-0 {
-    min-height: 44px;
-  }
-
-  .select-xs,
-  .select-sm {
-    min-width: unset;
-  }
-
-  [role="radiogroup"] > button {
-    min-height: 44px;
-    min-width: 36px;
-    padding: 10px 12px;
-  }
-
-  .icon-action {
-    min-height: 44px;
-    min-width: 44px;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-  }
-}
-
-/* Neutralize DaisyUI 5's root scroll lock for the drawer.
-   DaisyUI sets --page-overflow:hidden on :root when a drawer-toggle is
-   checked, which applies overflow:hidden to <html> and kills ALL
-   scrolling — including nested overflow-y:auto containers on mobile
-   browsers. Our app manages its own scroll containers, so we always
-   want the page overflow to stay as defined in our html/body rules. */
-:root:has(.drawer-toggle:checked) {
-  --page-overflow: unset !important;
-  --page-scroll-gutter: unset !important;
-}
-
-/* Override DaisyUI drawer for smooth slide transitions on mobile.
-   DaisyUI defaults use opacity on the whole drawer-side which causes
-   an instant vanish. We keep drawer-side always opacity:1 and instead
-   slide the content panel + fade the overlay independently. */
-@media (max-width: 1023px) {
-  /* Keep the container itself always fully opaque so the slide is visible.
-     Use visibility + pointer-events to control interactivity. */
-  .drawer-side {
-    opacity: 1 !important;
-    transition: visibility 0s linear 0.25s !important;
-  }
-
-  .drawer-toggle:checked ~ .drawer-side {
-    transition: visibility 0s linear 0s !important;
-  }
-
-  /* Sidebar content: slide in/out using translate (matches DaisyUI's property) */
-  .drawer-side > *:not(.drawer-overlay) {
-    will-change: translate;
-    transition: translate 0.25s cubic-bezier(0.4, 0, 0.2, 1);
-  }
-
-  /* Overlay: fade in/out */
-  .drawer-side > .drawer-overlay {
-    will-change: opacity;
-    opacity: 0;
-    transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
-  }
-
-  .drawer-toggle:checked ~ .drawer-side > .drawer-overlay {
-    opacity: 1;
-  }
-}
-
-.scrollbar-hidden {
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-}
-
-.scrollbar-hidden::-webkit-scrollbar {
-  display: none;
-}
-
-.skill-content-scroll {
-  scrollbar-width: thin;
-  scrollbar-color: oklch(from var(--color-primary-content) l c h / 0.2) transparent;
-  mask-image: linear-gradient(to bottom, black calc(100% - 32px), transparent 100%);
-  -webkit-mask-image: linear-gradient(to bottom, black calc(100% - 32px), transparent 100%);
-  padding-bottom: 8px;
-}
-
-.skill-content-scroll::-webkit-scrollbar {
-  width: 4px;
-}
-
-.skill-content-scroll::-webkit-scrollbar-track {
-  background: transparent;
-}
-
-.skill-content-scroll::-webkit-scrollbar-thumb {
-  background: oklch(from var(--color-primary-content) l c h / 0.2);
-  border-radius: 2px;
-}
-
-.skill-content-scroll::-webkit-scrollbar-thumb:hover {
-  background: oklch(from var(--color-primary-content) l c h / 0.35);
-}
-
-@keyframes waveform {
-  0%, 100% { transform: scaleY(0.25); opacity: 0.3; }
-  50% { transform: scaleY(1); opacity: 0.8; }
-}
-
-.animate-waveform {
-  height: 16px;
-  transform-origin: bottom;
-  animation: waveform 0.6s ease-in-out infinite;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  *, *::before, *::after {
-    animation-duration: 0.01ms !important;
-    animation-iteration-count: 1 !important;
-    transition-duration: 0.01ms !important;
-    scroll-behavior: auto !important;
-  }
-}

package/src/client/styles/theme-vars.css

@@ -1,18 +0,0 @@
-:root {
-  --bg-primary: var(--base00);
-  --bg-secondary: var(--base01);
-  --bg-tertiary: var(--base02);
-  --text-muted: var(--base03);
-  --text-secondary: var(--base04);
-  --text-primary: var(--base05);
-  --text-bright: var(--base06);
-  --text-accent: var(--base07);
-  --red: var(--base08);
-  --orange: var(--base09);
-  --yellow: var(--base0A);
-  --green: var(--base0B);
-  --cyan: var(--base0C);
-  --blue: var(--base0D);
-  --purple: var(--base0E);
-  --magenta: var(--base0F);
-}

package/src/client/themes/index.ts

@@ -1,105 +0,0 @@
-import alabaster from "../../../themes/alabaster.json";
-import amoled from "../../../themes/amoled.json";
-import ayuLight from "../../../themes/ayu-light.json";
-import catppuccinLatte from "../../../themes/catppuccin-latte.json";
-import catppuccinMocha from "../../../themes/catppuccin-mocha.json";
-import clayLight from "../../../themes/clay-light.json";
-import clay from "../../../themes/clay.json";
-import dracula from "../../../themes/dracula.json";
-import everforestLight from "../../../themes/everforest-light.json";
-import everforest from "../../../themes/everforest.json";
-import githubLight from "../../../themes/github-light.json";
-import gruvboxDark from "../../../themes/gruvbox-dark.json";
-import gruvboxLight from "../../../themes/gruvbox-light.json";
-import horizonLight from "../../../themes/horizon-light.json";
-import kanagawaLotus from "../../../themes/kanagawa-lotus.json";
-import kanagawa from "../../../themes/kanagawa.json";
-import modusOperandi from "../../../themes/modus-operandi.json";
-import monokai from "../../../themes/monokai.json";
-import nightfox from "../../../themes/nightfox.json";
-import nordLight from "../../../themes/nord-light.json";
-import nord from "../../../themes/nord.json";
-import oneDark from "../../../themes/one-dark.json";
-import oneLight from "../../../themes/one-light.json";
-import palenight from "../../../themes/palenight.json";
-import paper from "../../../themes/paper.json";
-import penumbraLight from "../../../themes/penumbra-light.json";
-import poimandres from "../../../themes/poimandres.json";
-import quietLight from "../../../themes/quiet-light.json";
-import rosePineDawn from "../../../themes/rose-pine-dawn.json";
-import rosePine from "../../../themes/rose-pine.json";
-import solarizedDark from "../../../themes/solarized-dark.json";
-import solarizedLight from "../../../themes/solarized-light.json";
-import synthwave84 from "../../../themes/synthwave84.json";
-import tokyoNightLight from "../../../themes/tokyo-night-light.json";
-import tokyoNight from "../../../themes/tokyo-night.json";
-import vesper from "../../../themes/vesper.json";
-
-export interface ThemeColors {
-  base00: string;
-  base01: string;
-  base02: string;
-  base03: string;
-  base04: string;
-  base05: string;
-  base06: string;
-  base07: string;
-  base08: string;
-  base09: string;
-  base0A: string;
-  base0B: string;
-  base0C: string;
-  base0D: string;
-  base0E: string;
-  base0F: string;
-}
-
-export interface Theme extends ThemeColors {
-  name: string;
-  author: string;
-  variant: "dark" | "light";
-}
-
-export interface ThemeEntry {
-  id: string;
-  theme: Theme;
-}
-
-export var themes: ThemeEntry[] = [
-  { id: "alabaster", theme: alabaster as Theme },
-  { id: "amoled", theme: amoled as Theme },
-  { id: "ayu-light", theme: ayuLight as Theme },
-  { id: "catppuccin-latte", theme: catppuccinLatte as Theme },
-  { id: "catppuccin-mocha", theme: catppuccinMocha as Theme },
-  { id: "clay-light", theme: clayLight as Theme },
-  { id: "clay", theme: clay as Theme },
-  { id: "dracula", theme: dracula as Theme },
-  { id: "everforest-light", theme: everforestLight as Theme },
-  { id: "everforest", theme: everforest as Theme },
-  { id: "github-light", theme: githubLight as Theme },
-  { id: "gruvbox-dark", theme: gruvboxDark as Theme },
-  { id: "gruvbox-light", theme: gruvboxLight as Theme },
-  { id: "horizon-light", theme: horizonLight as Theme },
-  { id: "kanagawa-lotus", theme: kanagawaLotus as Theme },
-  { id: "kanagawa", theme: kanagawa as Theme },
-  { id: "modus-operandi", theme: modusOperandi as Theme },
-  { id: "monokai", theme: monokai as Theme },
-  { id: "nightfox", theme: nightfox as Theme },
-  { id: "nord-light", theme: nordLight as Theme },
-  { id: "nord", theme: nord as Theme },
-  { id: "one-dark", theme: oneDark as Theme },
-  { id: "one-light", theme: oneLight as Theme },
-  { id: "palenight", theme: palenight as Theme },
-  { id: "paper", theme: paper as Theme },
-  { id: "penumbra-light", theme: penumbraLight as Theme },
-  { id: "poimandres", theme: poimandres as Theme },
-  { id: "quiet-light", theme: quietLight as Theme },
-  { id: "rose-pine-dawn", theme: rosePineDawn as Theme },
-  { id: "rose-pine", theme: rosePine as Theme },
-  { id: "solarized-dark", theme: solarizedDark as Theme },
-  { id: "solarized-light", theme: solarizedLight as Theme },
-  { id: "synthwave84", theme: synthwave84 as Theme },
-  { id: "tokyo-night-light", theme: tokyoNightLight as Theme },
-  { id: "tokyo-night", theme: tokyoNight as Theme },
-  { id: "vesper", theme: vesper as Theme },
-];

package/src/client/utils/editorUrl.ts

@@ -1,55 +0,0 @@
-export var JETBRAINS_IDS: Record<string, string> = {
-  webstorm: "web-storm",
-  intellij: "idea",
-  pycharm: "py-charm",
-  goland: "go-land",
-};
-
-function toWindowsPath(linuxPath: string, wslDistro: string): string {
-  return "\\\\" + "wsl.localhost\\" + wslDistro + linuxPath.replace(/\//g, "\\");
-}
-
-function buildJetBrainsUrl(ideId: string, relativePath: string, line?: number, projectName?: string): string {
-  var url = "jetbrains://" + ideId + "/navigate/reference?";
-  var params: string[] = [];
-  if (projectName) {
-    params.push("project=" + encodeURIComponent(projectName));
-  }
-  if (relativePath) {
-    params.push("path=" + encodeURIComponent(relativePath));
-  }
-  if (line) {
-    params.push("line=" + String(line));
-  }
-  return url + params.join("&");
-}
-
-export function isJetBrainsEditor(editorType: string): boolean {
-  return editorType in JETBRAINS_IDS;
-}
-
-export function getEditorUrl(editorType: string, projectPath: string, filePath: string, line?: number, wslDistro?: string, ideProjectName?: string): string | null {
-  var fullPath = filePath === "." ? projectPath : projectPath + "/" + filePath;
-  var resolvedPath = wslDistro ? toWindowsPath(fullPath, wslDistro) : fullPath;
-
-  var jetbrainsId = JETBRAINS_IDS[editorType];
-  if (jetbrainsId) {
-    var jbRelativePath = filePath === "." ? "" : filePath;
-    return buildJetBrainsUrl(jetbrainsId, jbRelativePath, line, ideProjectName || undefined);
-  }
-
-  if (editorType === "vscode" || editorType === "vscode-insiders" || editorType === "cursor") {
-    var scheme = editorType;
-    var isFile = filePath !== ".";
-    var lineSuffix = isFile ? ":" + (line || 1) : "";
-    if (wslDistro) {
-      return scheme + "://vscode-remote/wsl+" + wslDistro + fullPath + lineSuffix;
-    }
-    return scheme + "://file/" + resolvedPath + lineSuffix;
-  }
-  if (editorType === "sublime") {
-    return "subl://open?url=file://" + encodeURIComponent(resolvedPath) + (line ? "&line=" + line : "");
-  }
-
-  return null;
-}

package/src/client/utils/findDuplicateKeys.ts

@@ -1,12 +0,0 @@
-export function findDuplicateKeys(entries: Array<{ key: string }>): Set<string> {
-  var seen = new Map<string, number>();
-  var dupes = new Set<string>();
-  for (var i = 0; i < entries.length; i++) {
-    var k = entries[i].key.trim();
-    if (!k) continue;
-    var count = (seen.get(k) || 0) + 1;
-    seen.set(k, count);
-    if (count > 1) dupes.add(k);
-  }
-  return dupes;
-}

package/src/client/utils/formatSessionTitle.ts

@@ -1,17 +0,0 @@
-export function formatSessionTitle(title: string | null | undefined): string | null {
-  if (!title) return null;
-  if (title.startsWith("<skill-name>")) {
-    var endTag = title.indexOf("</skill-name>");
-    if (endTag !== -1) {
-      return "/" + title.slice(12, endTag);
-    }
-  }
-  var firstNewline = title.search(/\r?\n/);
-  if (firstNewline !== -1) {
-    var firstLine = title.slice(0, firstNewline).trim();
-    if (firstLine.indexOf(":") !== -1 && /\n---[\r\n]/.test(title)) {
-      return "/" + firstLine;
-    }
-  }
-  return title;
-}

package/src/client/vite-env.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="vite/client" />
-
-declare module "*.css" {
-  var content: string;
-  export default content;
-}