@walkeros/explorer 0.3.1 → 1.0.0

package/dist/styles.css

@@ -91,6 +91,15 @@
   --highlight-text: #9ca3af;
   --highlight-hover: rgba(255, 255, 255, 0.05);
   --highlight-separator: rgba(255, 255, 255, 0.05);
+  --flow-source-fill: transparent;
+  --flow-source-stroke: #6ee7b7;
+  --flow-transformer-fill: transparent;
+  --flow-transformer-stroke: #fcd34d;
+  --flow-collector-fill: transparent;
+  --flow-collector-stroke: #7dd3fc;
+  --flow-destination-fill: transparent;
+  --flow-destination-stroke: #c4b5fd;
+  --flow-edge-stroke: #9ca3af;
 }
 [data-theme=light] .elb-explorer {
   --color-text: #000;
@@ -181,6 +190,15 @@
   --highlight-text: #9ca3af;
   --highlight-hover: rgba(255, 255, 255, 0.05);
   --highlight-separator: rgba(255, 255, 255, 0.05);
+  --flow-source-fill: transparent;
+  --flow-source-stroke: #6ee7b7;
+  --flow-transformer-fill: transparent;
+  --flow-transformer-stroke: #fcd34d;
+  --flow-collector-fill: transparent;
+  --flow-collector-stroke: #7dd3fc;
+  --flow-destination-fill: transparent;
+  --flow-destination-stroke: #c4b5fd;
+  --flow-edge-stroke: #9ca3af;
 }
 [data-theme=dark] .elb-explorer {
   --color-text: #f3f4f6;
@@ -216,6 +234,19 @@
   --color-button-primary-hover: #015372;
   --color-button-danger: #ef4444;
   --color-button-danger-hover: #dc2626;
+  --flow-source-fill: transparent;
+  --flow-source-stroke: #6ee7b7;
+  --flow-transformer-fill: transparent;
+  --flow-transformer-stroke: #fcd34d;
+  --flow-collector-fill: transparent;
+  --flow-collector-stroke: #7dd3fc;
+  --flow-destination-fill: transparent;
+  --flow-destination-stroke: #c4b5fd;
+  --flow-edge-stroke: #9ca3af;
+  --flow-before-fill: transparent;
+  --flow-before-stroke: #9ca3af;
+  --flow-after-fill: transparent;
+  --flow-after-stroke: #9ca3af;
 }
 .elb-explorer {
   font-family:
@@ -387,6 +418,76 @@
   padding: var(--spacing-button-group);
   border: 1px solid var(--border-button-group);
 }
+.elb-button-link {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 12px 32px;
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-base);
+  font-weight: var(--font-weight-semibold);
+  border-radius: var(--radius-button);
+  border: none;
+  text-decoration: none;
+  transition: all 0.15s;
+  cursor: pointer;
+}
+.elb-button-link:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+.elb-button-link-default {
+  background: transparent;
+  color: var(--color-text-button);
+  border: 1px solid var(--border-input);
+}
+.elb-button-link-default:hover:not(:disabled) {
+  background: var(--bg-button-hover);
+  color: var(--color-text-button-hover);
+}
+.elb-button-link-primary {
+  background: var(--color-button-primary);
+  color: var(--color-button-primary-text);
+  border: 1px solid var(--color-button-primary);
+}
+.elb-button-link-primary:hover:not(:disabled) {
+  background: var(--color-button-primary-hover);
+  border-color: var(--color-button-primary-hover);
+}
+.elb-button-link-secondary {
+  background: var(--bg-box);
+  color: var(--color-button-primary);
+  border: 1px solid var(--border-input);
+}
+.elb-button-link-secondary:hover:not(:disabled) {
+  background: var(--bg-button-hover);
+}
+.elb-button-link-md {
+  padding: 12px 32px;
+  font-size: var(--font-size-base);
+}
+.elb-button-link-lg {
+  padding: 16px 40px;
+  font-size: var(--font-size-xl);
+}
+.elb-button-group {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+@media (max-width: 799px) {
+  .elb-button-group {
+    width: 100%;
+  }
+  .elb-button-group .elb-button-link {
+    width: 100%;
+  }
+}
+@media (min-width: 1200px) {
+  .elb-button-group {
+    flex-direction: row;
+  }
+}
 .elb-code {
   flex: 1;
   min-height: 0;
@@ -418,6 +519,11 @@
 .elb-code .monaco-editor .monaco-editor-background {
   background: transparent !important;
 }
+.elb-code .monaco-editor .sticky-widget {
+  border: none !important;
+  outline: none !important;
+  box-shadow: none !important;
+}
 .elb-code-inline {
   font-family: var(--font-mono);
   font-size: 0.9em;
@@ -3207,6 +3313,161 @@
   margin: 0;
   cursor: pointer;
 }
+.elb-architecture-flow {
+  container-type: inline-size;
+  width: 100%;
+}
+.elb-architecture-flow__grid {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 24px;
+}
+@container (min-width: 550px) {
+  .elb-architecture-flow__grid {
+    display: grid;
+    grid-template-columns: 1fr auto auto auto 1fr;
+    grid-template-rows: auto 1fr;
+    gap: 16px 32px;
+  }
+}
+.elb-architecture-flow__title {
+  font-size: var(--font-size-base, 16px);
+  font-weight: var(--font-weight-semibold, 600);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  text-align: center;
+  color: var(--color-text-muted, #6b7280);
+}
+.elb-architecture-flow__title--desktop {
+  display: none;
+}
+@container (min-width: 550px) {
+  .elb-architecture-flow__title--desktop {
+    display: block;
+  }
+}
+.elb-architecture-flow__title--mobile {
+  display: block;
+  margin-bottom: 16px;
+}
+@container (min-width: 550px) {
+  .elb-architecture-flow__title--mobile {
+    display: none;
+  }
+}
+.elb-architecture-flow__spacer {
+  display: none;
+}
+@container (min-width: 550px) {
+  .elb-architecture-flow__spacer {
+    display: block;
+  }
+}
+.elb-architecture-flow__column {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.elb-architecture-flow__sections {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  width: fit-content;
+  min-width: 180px;
+}
+.elb-architecture-flow__section {
+  padding: 16px;
+  border-radius: 12px;
+  border: 1px solid var(--border-box, rgba(128, 128, 128, 0.3));
+  background-color: var(--bg-box, transparent);
+}
+.elb-architecture-flow__section-title {
+  display: block;
+  font-size: calc(var(--font-size-base, 16px) - 2px);
+  font-weight: 500;
+  color: var(--color-text-muted, #6b7280);
+  margin-bottom: 12px;
+}
+.elb-architecture-flow__items {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.elb-architecture-flow__item {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  color: var(--color-text, currentColor);
+}
+.elb-architecture-flow__item-icon {
+  width: 20px;
+  height: 20px;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.elb-architecture-flow__item-icon > svg {
+  width: 20px;
+  height: 20px;
+}
+.elb-architecture-flow__item-label {
+  font-size: var(--font-size-base, 16px);
+  white-space: nowrap;
+}
+.elb-architecture-flow__more {
+  font-size: calc(var(--font-size-base, 16px) - 2px);
+  font-style: italic;
+  color: var(--color-text-muted, #6b7280);
+  opacity: 0.7;
+  text-align: center;
+}
+.elb-architecture-flow__arrow {
+  color: var(--color-button-primary, #01b5e2);
+}
+.elb-architecture-flow__arrow > svg {
+  width: 32px;
+  height: 32px;
+}
+.elb-architecture-flow__arrow--desktop {
+  display: none;
+  align-items: center;
+  justify-content: center;
+}
+@container (min-width: 550px) {
+  .elb-architecture-flow__arrow--desktop {
+    display: flex;
+  }
+}
+.elb-architecture-flow__arrow--mobile {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+@container (min-width: 550px) {
+  .elb-architecture-flow__arrow--mobile {
+    display: none;
+  }
+}
+.elb-architecture-flow__center {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.elb-architecture-flow__center-content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.elb-flow-map {
+  display: inline-block;
+  padding: 8px 0;
+}
+.elb-flow-map canvas {
+  display: block;
+}
 .elb-collapsible {
   padding: 12px;
   border: 1px solid var(--border-input);
@@ -4006,6 +4267,10 @@
 .elb-box--auto-height .elb-explorer-content {
   flex: 0 0 auto;
 }
+.elb-explorer-content > .elb-explorer-box {
+  flex: 1;
+  min-height: 0;
+}
 .elb-explorer-button-group {
   display: flex;
   background: var(--bg-button-group);
@@ -4013,6 +4278,58 @@
   padding: var(--spacing-button-group);
   border: 1px solid var(--border-button-group);
 }
+.elb-explorer-tabs {
+  display: flex;
+  align-items: center;
+  background: var(--bg-header);
+  border-bottom: 1px solid var(--border-header);
+  flex-shrink: 0;
+  min-height: 36px;
+  box-sizing: border-box;
+}
+.elb-explorer-tab {
+  padding: 0.5rem 1rem;
+  font-size: var(--font-size-label);
+  font-weight: var(--font-weight-semibold);
+  color: var(--color-text-muted);
+  background: transparent;
+  border: none;
+  border-bottom: 2px solid transparent;
+  cursor: pointer;
+  transition: color 0.15s ease, border-color 0.15s ease;
+  user-select: none;
+}
+.elb-explorer-tab:hover {
+  color: var(--color-text-label);
+}
+.elb-explorer-tab--active {
+  color: #01b5e2;
+  border-bottom-color: #01b5e2;
+}
+.elb-explorer-tab-actions {
+  margin-left: auto;
+  padding-right: 0.5rem;
+}
+.elb-explorer-traffic-lights {
+  display: flex;
+  gap: 0.5rem;
+  padding: 0 1rem;
+  align-items: center;
+}
+.elb-explorer-traffic-light {
+  width: 0.75rem;
+  height: 0.75rem;
+  border-radius: 50%;
+}
+.elb-explorer-traffic-light--red {
+  background-color: #ff5f56;
+}
+.elb-explorer-traffic-light--yellow {
+  background-color: #ffbd2e;
+}
+.elb-explorer-traffic-light--green {
+  background-color: #27c93f;
+}
 .elb-mapping-tile-section {
   margin-bottom: 24px;
 }

package/dist/themes/index.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Monaco Editor Themes for walkerOS Explorer
+ *
+ * Custom Monaco themes that integrate seamlessly with the CSS-based theme system.
+ * Theme switching is handled via CSS `data-theme` attribute on document root.
+ */
+export { palenightTheme, registerPalenightTheme } from './palenight';
+export { lighthouseTheme, registerLighthouseTheme } from './lighthouse';
+export type { ExplorerTheme } from './types';
+/**
+ * Register all Monaco themes
+ * Convenience function for registering both themes at once
+ *
+ * @example
+ * ```typescript
+ * import { registerAllThemes } from '@walkeros/explorer';
+ * import * as monaco from 'monaco-editor';
+ *
+ * registerAllThemes(monaco);
+ * ```
+ */
+export declare function registerAllThemes(monaco: typeof import('monaco-editor')): void;
+//# sourceMappingURL=index.d.ts.map

package/dist/themes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAOH,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAGxE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C;;;;;;;;;;;GAWG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,cAAc,eAAe,CAAC,GAAG,IAAI,CAG9E"}

package/dist/themes/index.js

@@ -0,0 +1,29 @@
+/**
+ * Monaco Editor Themes for walkerOS Explorer
+ *
+ * Custom Monaco themes that integrate seamlessly with the CSS-based theme system.
+ * Theme switching is handled via CSS `data-theme` attribute on document root.
+ */
+// Import registration functions for use in registerAllThemes
+import { registerPalenightTheme } from './palenight';
+import { registerLighthouseTheme } from './lighthouse';
+// Monaco Editor themes
+export { palenightTheme, registerPalenightTheme } from './palenight';
+export { lighthouseTheme, registerLighthouseTheme } from './lighthouse';
+/**
+ * Register all Monaco themes
+ * Convenience function for registering both themes at once
+ *
+ * @example
+ * ```typescript
+ * import { registerAllThemes } from '@walkeros/explorer';
+ * import * as monaco from 'monaco-editor';
+ *
+ * registerAllThemes(monaco);
+ * ```
+ */
+export function registerAllThemes(monaco) {
+    registerPalenightTheme(monaco);
+    registerLighthouseTheme(monaco);
+}
+//# sourceMappingURL=index.js.map

package/dist/themes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,6DAA6D;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAEvD,uBAAuB;AACvB,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAKxE;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,iBAAiB,CAAC,MAAsC;IACtE,sBAAsB,CAAC,MAAM,CAAC,CAAC;IAC/B,uBAAuB,CAAC,MAAM,CAAC,CAAC;AAClC,CAAC"}

package/dist/themes/lighthouse.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Lighthouse Theme for Monaco Editor
+ *
+ * Custom light theme for walkerOS Explorer, designed to complement the Palenight dark theme.
+ * Based on VS Code Light+ with adjustments for optimal readability and brand consistency.
+ *
+ * Color Palette Strategy:
+ * - Comments: Muted green (#6A737D) for subtle annotations
+ * - Strings: Dark green (#22863A) for clear text distinction
+ * - Numbers: Brick red (#D73A49) for numeric emphasis
+ * - Functions: Deep blue (#005CC5) for callable identification
+ * - Keywords: Purple (#6F42C1) maintaining syntax hierarchy
+ * - Variables: Near black (#24292E) for primary code elements
+ * - Types/Classes: Dark gold (#B08800) for type definitions
+ * - Tags: Red (#D73A49) for HTML/JSX elements
+ * - Operators: Teal (#0086B3) for logical operations
+ * - Booleans: Red (#D73A49) for literal values
+ */
+import type { editor } from 'monaco-editor';
+export declare const lighthouseTheme: editor.IStandaloneThemeData;
+/**
+ * Register the lighthouse theme with Monaco Editor
+ * Call this function before creating any editor instances
+ */
+export declare function registerLighthouseTheme(monaco: typeof import('monaco-editor')): void;
+//# sourceMappingURL=lighthouse.d.ts.map

package/dist/themes/lighthouse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lighthouse.d.ts","sourceRoot":"","sources":["../../src/themes/lighthouse.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,oBAiPpC,CAAC;AAEF;;;GAGG;AACH,wBAAgB,uBAAuB,CACrC,MAAM,EAAE,cAAc,eAAe,CAAC,QAGvC"}

package/dist/themes/lighthouse.js

@@ -0,0 +1,229 @@
+/**
+ * Lighthouse Theme for Monaco Editor
+ *
+ * Custom light theme for walkerOS Explorer, designed to complement the Palenight dark theme.
+ * Based on VS Code Light+ with adjustments for optimal readability and brand consistency.
+ *
+ * Color Palette Strategy:
+ * - Comments: Muted green (#6A737D) for subtle annotations
+ * - Strings: Dark green (#22863A) for clear text distinction
+ * - Numbers: Brick red (#D73A49) for numeric emphasis
+ * - Functions: Deep blue (#005CC5) for callable identification
+ * - Keywords: Purple (#6F42C1) maintaining syntax hierarchy
+ * - Variables: Near black (#24292E) for primary code elements
+ * - Types/Classes: Dark gold (#B08800) for type definitions
+ * - Tags: Red (#D73A49) for HTML/JSX elements
+ * - Operators: Teal (#0086B3) for logical operations
+ * - Booleans: Red (#D73A49) for literal values
+ */
+export const lighthouseTheme = {
+    base: 'vs',
+    inherit: true,
+    rules: [
+        // Comments
+        { token: 'comment', foreground: '6A737D', fontStyle: 'italic' },
+        { token: 'comment.block', foreground: '6A737D', fontStyle: 'italic' },
+        { token: 'comment.line', foreground: '6A737D', fontStyle: 'italic' },
+        // Strings - dark green for good contrast on white
+        { token: 'string', foreground: '22863A' },
+        { token: 'string.quoted', foreground: '22863A' },
+        { token: 'string.template', foreground: '22863A' },
+        { token: 'string.regexp', foreground: '032F62' },
+        // Language-specific strings (Monaco uses these exact token names)
+        { token: 'string.value.json', foreground: '22863A' },
+        { token: 'string.json', foreground: '22863A' },
+        { token: 'string.html', foreground: '22863A' },
+        { token: 'string.css', foreground: '22863A' },
+        { token: 'string.js', foreground: '22863A' },
+        { token: 'string.ts', foreground: '22863A' },
+        // Numbers - dark red/burgundy for contrast
+        { token: 'number', foreground: 'D73A49' },
+        { token: 'number.hex', foreground: 'D73A49' },
+        { token: 'number.binary', foreground: 'D73A49' },
+        { token: 'number.octal', foreground: 'D73A49' },
+        { token: 'number.float', foreground: 'D73A49' },
+        // Keywords - dark purple for contrast
+        { token: 'keyword', foreground: '6F42C1', fontStyle: 'italic' },
+        { token: 'keyword.control', foreground: '6F42C1', fontStyle: 'italic' },
+        { token: 'keyword.operator', foreground: '0086B3' },
+        { token: 'keyword.other', foreground: '6F42C1' },
+        // Operators - cyan (brand color)
+        { token: 'operator', foreground: '01b5e2' },
+        { token: 'operators', foreground: '01b5e2' },
+        // Functions
+        { token: 'function', foreground: '005CC5' },
+        { token: 'identifier.function', foreground: '005CC5' },
+        { token: 'support.function', foreground: '005CC5' },
+        { token: 'entity.name.function', foreground: '005CC5' },
+        // Types & Classes
+        { token: 'type', foreground: 'B08800' },
+        { token: 'type.identifier', foreground: 'B08800' },
+        { token: 'entity.name.type', foreground: 'B08800' },
+        { token: 'entity.name.class', foreground: 'B08800' },
+        { token: 'support.type', foreground: 'B08800' },
+        { token: 'support.class', foreground: 'B08800' },
+        // Variables
+        { token: 'variable', foreground: '24292E' },
+        { token: 'variable.name', foreground: '24292E' },
+        { token: 'variable.parameter', foreground: '24292E' },
+        // Constants & Built-ins
+        { token: 'constant', foreground: '005CC5' },
+        { token: 'constant.language', foreground: 'ef4444' },
+        { token: 'constant.numeric', foreground: 'fb923c' },
+        { token: 'constant.character', foreground: '005CC5' },
+        { token: 'support.constant', foreground: '005CC5' },
+        // Booleans - red/pink accent (matching screenshot)
+        { token: 'constant.language.boolean', foreground: 'ef4444' },
+        { token: 'keyword.constant.boolean', foreground: 'ef4444' },
+        // Delimiters & Punctuation
+        { token: 'delimiter', foreground: '24292E' },
+        { token: 'delimiter.bracket', foreground: '24292E' },
+        { token: 'delimiter.parenthesis', foreground: '24292E' },
+        { token: 'delimiter.square', foreground: '24292E' },
+        { token: 'punctuation', foreground: '24292E' },
+        // Tags (HTML/XML/JSX)
+        { token: 'tag', foreground: 'D73A49' },
+        { token: 'meta.tag', foreground: 'D73A49' },
+        { token: 'entity.name.tag', foreground: 'D73A49' },
+        // Tag Attributes (using string color for consistency with Prism)
+        { token: 'attribute.name', foreground: '22863A' },
+        { token: 'entity.other.attribute-name', foreground: '22863A' },
+        // Namespaces
+        { token: 'namespace', foreground: '6F42C1' },
+        { token: 'entity.name.namespace', foreground: '6F42C1' },
+        // URLs
+        { token: 'markup.underline.link', foreground: '005CC5' },
+        // Doctype
+        {
+            token: 'meta.tag.sgml.doctype',
+            foreground: '6A737D',
+            fontStyle: 'italic',
+        },
+        // Object Keys - Unified near-black for all property names
+        // Covers JSON, TypeScript, JavaScript object literals
+        { token: 'support.type.property-name', foreground: '24292E' },
+        { token: 'support.type.property-name.json', foreground: '24292E' },
+        { token: 'string.key.json', foreground: '24292E' },
+        { token: 'meta.object-literal.key', foreground: '24292E' },
+        { token: 'variable.other.property', foreground: '24292E' },
+        { token: 'identifier', foreground: '24292E' },
+        { token: 'identifier.ts', foreground: '24292E' },
+        { token: 'identifier.js', foreground: '24292E' },
+        // Markdown
+        { token: 'markup.bold', fontStyle: 'bold' },
+        { token: 'markup.italic', fontStyle: 'italic' },
+        { token: 'markup.heading', foreground: '6F42C1', fontStyle: 'bold' },
+        // Language-Specific: JavaScript/TypeScript
+        { token: 'variable.parameter.ts', foreground: '24292E' },
+        { token: 'variable.parameter.js', foreground: '24292E' },
+        { token: 'support.type.primitive.ts', foreground: 'B08800' },
+        { token: 'support.type.primitive.js', foreground: 'B08800' },
+        { token: 'entity.name.type.ts', foreground: 'B08800' },
+        { token: 'entity.name.type.js', foreground: 'B08800' },
+        { token: 'meta.type.annotation.ts', foreground: 'B08800' },
+        { token: 'keyword.operator.type.ts', foreground: '0086B3' },
+        // Language-Specific: HTML
+        { token: 'entity.name.tag.html', foreground: '24292E' },
+        { token: 'tag.html', foreground: '24292E' },
+        { token: 'entity.other.attribute-name.html', foreground: '24292E' },
+        { token: 'attribute.name.html', foreground: '24292E' },
+        { token: 'attribute.value.html', foreground: '22863A' },
+        { token: 'delimiter.html', foreground: '24292E' },
+        { token: 'comment.html', foreground: '6A737D', fontStyle: 'italic' },
+        { token: 'meta.tag.html', foreground: '24292E' },
+        { token: 'punctuation.definition.tag.html', foreground: '24292E' },
+        // Language-Specific: CSS
+        { token: 'entity.name.tag.css', foreground: 'D73A49' },
+        { token: 'entity.other.attribute-name.class.css', foreground: 'B08800' },
+        { token: 'entity.other.attribute-name.id.css', foreground: '005CC5' },
+        { token: 'support.type.property-name.css', foreground: '6F42C1' },
+        { token: 'support.constant.property-value.css', foreground: 'D73A49' },
+        { token: 'keyword.other.unit.css', foreground: 'D73A49' },
+        // Errors & Warnings
+        { token: 'invalid', foreground: 'CB2431' },
+        { token: 'invalid.illegal', foreground: 'CB2431' },
+        { token: 'invalid.deprecated', foreground: 'D73A49' },
+    ],
+    colors: {
+        // Editor Background - transparent, let box handle background
+        'editor.background': '#00000000', // Transparent
+        'editor.foreground': '#24292E',
+        // Editor Lines - transparent to inherit box background
+        'editor.lineHighlightBackground': '#00000000', // Transparent
+        'editorLineNumber.foreground': '#1B1F2380',
+        'editorLineNumber.activeForeground': '#6F42C1',
+        // Editor Cursor & Selection
+        'editorCursor.foreground': '#6F42C1', // Purple cursor for light theme
+        'editor.selectionBackground': '#0366D630', // Visible blue selection
+        'editor.inactiveSelectionBackground': '#0366D620',
+        'editor.selectionHighlightBackground': '#0366D615',
+        // Editor Gutter - transparent to inherit box background
+        'editorGutter.background': '#00000000', // Transparent
+        'editorGutter.modifiedBackground': '#005CC5',
+        'editorGutter.addedBackground': '#28A745',
+        'editorGutter.deletedBackground': '#D73A49',
+        // Editor Widgets
+        'editorWidget.background': '#F6F8FA',
+        'editorWidget.border': '#E1E4E8',
+        'editorSuggestWidget.background': '#F6F8FA',
+        'editorSuggestWidget.border': '#E1E4E8',
+        'editorSuggestWidget.selectedBackground': '#0366D625',
+        // Sticky Scroll - match box background with subtle border
+        'editorStickyScroll.background': '#ffffff',
+        'editorStickyScroll.border': '#E1E4E8',
+        'editorStickyScrollHover.background': '#ffffff',
+        'editorStickyScroll.shadow': '#00000000',
+        // Hover Widgets - Tooltips and hover information
+        'editorHoverWidget.background': '#F6F8FA',
+        'editorHoverWidget.border': '#E1E4E8',
+        'editorHoverWidget.statusBarBackground': '#E1E4E8',
+        // Inline Hints - Type hints, parameter hints, inline suggestions
+        'editorInlineHint.background': '#F6F8FA',
+        'editorInlineHint.foreground': '#6A737D',
+        // Code Lens - Reference counts, test indicators
+        'editorCodeLens.foreground': '#6A737D',
+        // Ghost Text - Autocomplete suggestions shown inline
+        'editorGhostText.foreground': '#1B1F2350',
+        // Editor Whitespace & Indentation
+        'editorWhitespace.foreground': '#1B1F2340',
+        'editorIndentGuide.background': '#E1E4E820',
+        'editorIndentGuide.activeBackground': '#E1E4E8',
+        // Scrollbar
+        'scrollbar.shadow': '#00000000',
+        'scrollbarSlider.background': '#1B1F2330',
+        'scrollbarSlider.hoverBackground': '#1B1F2350',
+        'scrollbarSlider.activeBackground': '#1B1F2370',
+        // Bracket Matching
+        'editorBracketMatch.background': '#34D05840',
+        'editorBracketMatch.border': '#34D058',
+        // Find/Replace
+        'editor.findMatchBackground': '#FFDF5D40',
+        'editor.findMatchHighlightBackground': '#FFDF5D30',
+        'editor.findRangeHighlightBackground': '#0366D620',
+        // Minimap
+        'minimap.background': '#FAFBFC',
+        'minimap.selectionHighlight': '#0366D625',
+        'minimap.findMatchHighlight': '#FFDF5D40',
+        // Overview Ruler
+        'editorOverviewRuler.border': '#E1E4E820',
+        'editorOverviewRuler.modifiedForeground': '#005CC5',
+        'editorOverviewRuler.addedForeground': '#28A745',
+        'editorOverviewRuler.deletedForeground': '#D73A49',
+        // Peek View
+        'peekView.border': '#0366D6',
+        'peekViewEditor.background': '#F6F8FA',
+        'peekViewResult.background': '#FAFBFC',
+        'peekViewTitle.background': '#F6F8FA',
+        // Diff Editor
+        'diffEditor.insertedTextBackground': '#28A74520',
+        'diffEditor.removedTextBackground': '#D73A4920',
+    },
+};
+/**
+ * Register the lighthouse theme with Monaco Editor
+ * Call this function before creating any editor instances
+ */
+export function registerLighthouseTheme(monaco) {
+    monaco.editor.defineTheme('elbTheme-light', lighthouseTheme);
+}
+//# sourceMappingURL=lighthouse.js.map