ltcai 2.2.2 → 3.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (78) hide show
  1. package/README.md +66 -27
  2. package/codex_telegram_bot.py +6 -2
  3. package/docs/CHANGELOG.md +154 -0
  4. package/docs/V3_BACKEND_ARCHITECTURE.md +138 -0
  5. package/docs/V3_FRONTEND.md +136 -0
  6. package/knowledge_graph.py +649 -21
  7. package/latticeai/__init__.py +1 -1
  8. package/latticeai/api/admin.py +47 -0
  9. package/latticeai/api/agents.py +54 -31
  10. package/latticeai/api/auth.py +1 -1
  11. package/latticeai/api/chat.py +10 -2
  12. package/latticeai/api/search.py +236 -0
  13. package/latticeai/api/static_routes.py +21 -2
  14. package/latticeai/core/config.py +16 -0
  15. package/latticeai/core/embedding_providers.py +502 -0
  16. package/latticeai/core/local_embeddings.py +86 -0
  17. package/latticeai/core/logging_safety.py +62 -0
  18. package/latticeai/core/workspace_os.py +1 -1
  19. package/latticeai/server_app.py +49 -1
  20. package/latticeai/services/agent_runtime.py +245 -0
  21. package/latticeai/services/search_service.py +346 -0
  22. package/package.json +8 -4
  23. package/static/account.html +9 -4
  24. package/static/activity.html +4 -4
  25. package/static/admin.html +8 -3
  26. package/static/agents.html +4 -4
  27. package/static/chat.html +16 -11
  28. package/static/css/reference/account.css +439 -0
  29. package/static/css/reference/admin.css +610 -0
  30. package/static/css/reference/base.css +1658 -0
  31. package/static/{lattice-reference.css → css/reference/chat.css} +271 -3633
  32. package/static/css/reference/graph.css +1016 -0
  33. package/static/css/responsive.css +248 -1
  34. package/static/css/tokens.css +132 -126
  35. package/static/favicon.ico +0 -0
  36. package/static/graph.html +9 -4
  37. package/static/manifest.json +3 -3
  38. package/static/platform.css +1 -1
  39. package/static/plugins.html +4 -4
  40. package/static/scripts/account.js +4 -4
  41. package/static/scripts/chat.js +227 -77
  42. package/static/scripts/workspace.js +78 -0
  43. package/static/sw.js +5 -3
  44. package/static/v3/css/lattice.base.css +128 -0
  45. package/static/v3/css/lattice.components.css +447 -0
  46. package/static/v3/css/lattice.shell.css +407 -0
  47. package/static/v3/css/lattice.tokens.css +132 -0
  48. package/static/v3/css/lattice.views.css +277 -0
  49. package/static/v3/index.html +40 -0
  50. package/static/v3/js/app.js +26 -0
  51. package/static/v3/js/core/api.js +327 -0
  52. package/static/v3/js/core/components.js +215 -0
  53. package/static/v3/js/core/dom.js +148 -0
  54. package/static/v3/js/core/fixtures.js +171 -0
  55. package/static/v3/js/core/router.js +37 -0
  56. package/static/v3/js/core/routes.js +73 -0
  57. package/static/v3/js/core/shell.js +363 -0
  58. package/static/v3/js/core/store.js +113 -0
  59. package/static/v3/js/views/admin-audit.js +185 -0
  60. package/static/v3/js/views/admin-permissions.js +178 -0
  61. package/static/v3/js/views/admin-policies.js +103 -0
  62. package/static/v3/js/views/admin-private-vpc.js +138 -0
  63. package/static/v3/js/views/admin-security.js +181 -0
  64. package/static/v3/js/views/admin-users.js +168 -0
  65. package/static/v3/js/views/agents.js +194 -0
  66. package/static/v3/js/views/chat.js +450 -0
  67. package/static/v3/js/views/files.js +180 -0
  68. package/static/v3/js/views/home.js +119 -0
  69. package/static/v3/js/views/hybrid-search.js +195 -0
  70. package/static/v3/js/views/knowledge-graph.js +238 -0
  71. package/static/v3/js/views/models.js +247 -0
  72. package/static/v3/js/views/my-computer.js +237 -0
  73. package/static/v3/js/views/pipeline.js +161 -0
  74. package/static/v3/js/views/settings.js +258 -0
  75. package/static/workflows.html +4 -4
  76. package/static/workspace.css +408 -14
  77. package/static/workspace.html +43 -24
  78. package/telegram_bot.py +18 -14
package/static/css/responsive.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /* ============================================================================
2
- * Lattice AI — Responsive / Accessibility / Theme Foundation (v2.2.2)
2
+ * Lattice AI — Responsive / Accessibility / Theme Foundation (v2.2.5)
3
3
  *
4
4
  * 이 파일은 모든 페이지에서 가장 마지막에 로드된다 (lattice-reference.css /
5
5
  * workspace.css / platform.css 다음). 따라서 기존 규칙을 "덮어쓰는" 레이어로
@@ -217,6 +217,21 @@ select {
217
217
  overflow-y: auto;
218
218
  }
219
219
 
220
+ /* #onboarding-body 는 .onboarding-card(flex column · overflow:hidden) 안의
221
+ * 스크롤 영역이다. lattice-reference.css 의 `.onboarding-body.lattice-ref-chat`
222
+ * 는 *복합* 선택자(두 클래스가 같은 엘리먼트)인데 lattice-ref-chat 는 <body> 에만
223
+ * 있고 .onboarding-body 엘리먼트에는 없어 영영 매치되지 않았다 → onboarding-body
224
+ * 에 overflow/padding 이 적용되지 않아 추천 결과 같은 긴 콘텐츠가 카드에 잘리고
225
+ * 모델 아코디언(Gemma 4·Qwen3-VL·Llama 4)과 하단 액션 버튼에 접근 불가.
226
+ * 올바른 단일 클래스 선택자로 스크롤 영역과 패딩을 복원한다(명시도 트릭 아님). */
227
+ .onboarding-body {
228
+ flex: 1 1 auto;
229
+ min-height: 0;
230
+ overflow-y: auto;
231
+ -webkit-overflow-scrolling: touch;
232
+ padding: 28px 30px;
233
+ }
234
+
220
235
  /* 드롭다운/팝오버: 뷰포트 안에 가둠 */
221
236
  .lang-picker-menu,
222
237
  .mcp-dropdown,
@@ -584,6 +599,25 @@ body.graph-card-view .stage > canvas#graph { visibility: hidden; }
584
599
  }
585
600
  }
586
601
 
602
+ #ltcai-toast {
603
+ position: fixed;
604
+ bottom: 28px;
605
+ left: 50%;
606
+ transform: translateX(-50%);
607
+ background: var(--surface);
608
+ color: var(--text);
609
+ border: 1px solid var(--border);
610
+ border-radius: 10px;
611
+ padding: 10px 18px;
612
+ font-size: 13px;
613
+ font-weight: 600;
614
+ z-index: 9999;
615
+ box-shadow: var(--shadow-sm);
616
+ pointer-events: none;
617
+ opacity: 0;
618
+ transition: opacity 0.2s;
619
+ }
620
+
587
621
  /* 다크에서 테마 토글 아이콘 상태 */
588
622
  :root[data-lt-theme="dark"] .theme-toggle .ti-sun { display: inline-flex; }
589
623
  :root[data-lt-theme="dark"] .theme-toggle .ti-moon { display: none; }
@@ -612,3 +646,216 @@ body.graph-card-view .stage > canvas#graph { visibility: hidden; }
612
646
  cursor: pointer;
613
647
  }
614
648
  .theme-toggle:hover { background: var(--accent-soft, rgba(110,74,230,0.1)); }
649
+
650
+ /* ============================================================================
651
+ * 14. v2.2.5 modal stack, scrim, and hardcoded-light surface cleanup
652
+ * ========================================================================== */
653
+ :root {
654
+ --z-app-layout: 0;
655
+ --z-sidebar: 100;
656
+ --z-drawer: 800;
657
+ --z-modal-backdrop: 1400;
658
+ --z-modal-content: 1410;
659
+ --z-tooltip: 9600;
660
+ --z-toast: 9700;
661
+ }
662
+
663
+ body.modal-open {
664
+ overflow: hidden;
665
+ overscroll-behavior: contain;
666
+ }
667
+
668
+ .acct-modal-overlay,
669
+ .mcp-modal-overlay,
670
+ .workspace-modal-overlay,
671
+ .mode-modal-overlay,
672
+ .model-overlay,
673
+ .admin-overlay,
674
+ .advanced-settings-overlay,
675
+ .perm-overlay,
676
+ .onboarding-overlay,
677
+ #setup-overlay {
678
+ background: var(--overlay-scrim, var(--overlay, rgba(0, 0, 0, 0.52)));
679
+ -webkit-backdrop-filter: none;
680
+ backdrop-filter: none;
681
+ }
682
+
683
+ .acct-modal-overlay,
684
+ .mcp-modal-overlay,
685
+ .workspace-modal-overlay,
686
+ .mode-modal-overlay,
687
+ .model-overlay,
688
+ .admin-overlay,
689
+ .advanced-settings-overlay {
690
+ z-index: var(--z-modal-backdrop);
691
+ }
692
+
693
+ #setup-overlay { z-index: 1500; }
694
+ .onboarding-overlay { z-index: 1600; }
695
+ .perm-overlay { z-index: 1700; }
696
+ #tooltip { z-index: var(--z-tooltip); }
697
+ #ltcai-toast { z-index: var(--z-toast); }
698
+
699
+ .acct-modal-overlay[aria-hidden="true"],
700
+ .mcp-modal-overlay[aria-hidden="true"],
701
+ .workspace-modal-overlay[aria-hidden="true"],
702
+ .mode-modal-overlay[aria-hidden="true"],
703
+ .model-overlay[aria-hidden="true"],
704
+ .admin-overlay[aria-hidden="true"],
705
+ .advanced-settings-overlay[aria-hidden="true"],
706
+ .perm-overlay[aria-hidden="true"],
707
+ .onboarding-overlay[aria-hidden="true"],
708
+ #setup-overlay[aria-hidden="true"] {
709
+ pointer-events: none;
710
+ }
711
+
712
+ .acct-modal,
713
+ .mcp-modal,
714
+ .workspace-modal,
715
+ .mode-modal,
716
+ .model-panel,
717
+ .admin-panel,
718
+ .advanced-settings-panel,
719
+ .perm-dialog,
720
+ .onboarding-card,
721
+ .wizard-card {
722
+ background: var(--modal, var(--surface));
723
+ border-color: var(--border);
724
+ color: var(--text);
725
+ }
726
+
727
+ .workspace-card,
728
+ .mode-card,
729
+ .onboarding-choice,
730
+ .onboarding-mode,
731
+ .recommendation-card,
732
+ .analysis-row,
733
+ .onboarding-model-card,
734
+ .onboarding-model-option,
735
+ .setup-log-row,
736
+ .mcp-item,
737
+ .model-card,
738
+ .engine-card,
739
+ .sensitivity-panel,
740
+ .status-section,
741
+ .file-download-card {
742
+ background: var(--surface-elevated, var(--surface));
743
+ border-color: var(--border);
744
+ color: var(--text);
745
+ }
746
+
747
+ .admin-input,
748
+ .admin-textarea,
749
+ .pipeline-select,
750
+ .acct-modal input,
751
+ .mcp-modal input,
752
+ .mcp-modal textarea,
753
+ .auth-input,
754
+ .input,
755
+ textarea,
756
+ select {
757
+ background-color: var(--input, var(--surface-2));
758
+ border-color: var(--border);
759
+ color: var(--text);
760
+ }
761
+
762
+ .admin-input::placeholder,
763
+ .admin-textarea::placeholder,
764
+ .acct-modal input::placeholder,
765
+ .mcp-modal input::placeholder,
766
+ .mcp-modal textarea::placeholder,
767
+ textarea::placeholder {
768
+ color: var(--faint);
769
+ }
770
+
771
+ body.lattice-ref-chat .app-layout #user-input {
772
+ background: transparent;
773
+ border: 0;
774
+ box-shadow: none;
775
+ outline: none;
776
+ color: var(--text);
777
+ }
778
+
779
+ body.lattice-ref-chat .app-layout #user-input:focus {
780
+ background: transparent;
781
+ border: 0;
782
+ box-shadow: none;
783
+ outline: none;
784
+ }
785
+
786
+ #cu-panel .cu-controls-panel {
787
+ width: 280px;
788
+ max-width: 100%;
789
+ }
790
+
791
+ @media (max-width: 760px) {
792
+ .admin-overlay,
793
+ .model-overlay,
794
+ .perm-overlay,
795
+ .onboarding-overlay,
796
+ #setup-overlay {
797
+ align-items: flex-end;
798
+ justify-content: center;
799
+ padding: max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));
800
+ }
801
+
802
+ .admin-panel,
803
+ .model-panel,
804
+ .perm-dialog,
805
+ .wizard-card,
806
+ .onboarding-card {
807
+ width: 100%;
808
+ max-width: none;
809
+ max-height: 92dvh;
810
+ }
811
+
812
+ #cu-panel .admin-body > div[style*="display:flex"] {
813
+ flex-direction: column;
814
+ }
815
+
816
+ #cu-panel .cu-controls-panel {
817
+ width: 100%;
818
+ }
819
+ }
820
+
821
+ /* Product workspace shell: this file loads last, so keep the mobile rail fluid. */
822
+ @media (max-width: 860px) {
823
+ body.workspace-page .workspace-shell {
824
+ grid-template-columns: 1fr;
825
+ min-width: 0;
826
+ width: 100%;
827
+ }
828
+
829
+ body.workspace-page .workspace-rail {
830
+ height: auto;
831
+ min-height: 0;
832
+ min-width: 0;
833
+ max-width: 100vw;
834
+ position: relative;
835
+ width: 100%;
836
+ }
837
+
838
+ body.workspace-page main {
839
+ min-width: 0;
840
+ width: 100%;
841
+ }
842
+
843
+ body.workspace-page .workspace-rail nav,
844
+ body.workspace-page .rail-links {
845
+ min-width: 0;
846
+ width: 100%;
847
+ }
848
+
849
+ body.workspace-page .workspace-rail a span {
850
+ min-width: 0;
851
+ overflow: hidden;
852
+ text-overflow: ellipsis;
853
+ }
854
+ }
855
+
856
+ @media (max-width: 520px) {
857
+ body.workspace-page .workspace-rail nav,
858
+ body.workspace-page .rail-links {
859
+ grid-template-columns: 1fr;
860
+ }
861
+ }
package/static/css/tokens.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /* ============================================================================
2
- * Lattice AI — Design Tokens (Single Source of Truth) v2.2.2
2
+ * Lattice AI — Design Tokens (Single Source of Truth) v3.0.0
3
3
  *
4
4
  * 이 파일이 색·면·테두리·그림자·포커스의 단일 출처다.
5
5
  * :root → 라이트 테마 값
@@ -18,74 +18,75 @@
18
18
  color-scheme: light;
19
19
 
20
20
  /* ── Brand raw scale (불변, 테마 무관 기준점) ───────────────────────────── */
21
- --lt-color-primary-100: #EAE2FD;
22
- --lt-color-primary-200: #D3C2FB;
23
- --lt-color-primary-400: #9A78F0;
24
- --lt-color-primary-600: #6E4AE6;
25
- --lt-color-primary-800: #3B1F8E;
26
- --lt-color-ink-900: #0E102A;
27
- --lt-color-accent-cyan: #18C6D9;
28
- --lt-color-accent-green: #2FC28E;
29
- --lt-color-accent-amber: #F1A52A;
30
- --lt-color-accent-pink: #F060B8;
21
+ --lt-color-primary-100: #dbeafe;
22
+ --lt-color-primary-200: #bfdbfe;
23
+ --lt-color-primary-400: #60a5fa;
24
+ --lt-color-primary-600: #2563eb;
25
+ --lt-color-primary-800: #1e3a8a;
26
+ --lt-color-ink-900: #111827;
27
+ --lt-color-accent-cyan: #0891b2;
28
+ --lt-color-accent-green: #0f9f8f;
29
+ --lt-color-accent-amber: #b7791f;
30
+ --lt-color-accent-pink: #b83280;
31
31
 
32
32
  /* ╔══════════════════════════════════════════════════════════════════════╗
33
- ║ SEMANTIC TOKENS — LIGHT (현재 라벤더 룩 보존) ║
33
+ ║ SEMANTIC TOKENS — LIGHT (neutral workspace palette) ║
34
34
  ╚══════════════════════════════════════════════════════════════════════╝ */
35
35
 
36
36
  /* background / surfaces */
37
- --bg: #f3ecff;
38
- --bg-soft: #ede6ff;
39
- --surface: #f6f0ff;
40
- --surface-2: #efe8ff;
41
- --surface-3: #e8dfff;
42
- --card: rgba(255, 255, 255, 0.90);
43
- --sidebar: rgba(244, 237, 255, 0.96);
44
- --modal: rgba(247, 242, 255, 0.98);
45
- --table: rgba(255, 255, 255, 0.72);
46
- --input: rgba(255, 255, 255, 0.80);
47
- --overlay: rgba(20, 16, 40, 0.42);
48
- /* decorative page background (그라데이션 한 토큰) */
37
+ --bg: #f6f8f7;
38
+ --bg-soft: #eef3f2;
39
+ --surface: #ffffff;
40
+ --surface-2: #f0f5f4;
41
+ --surface-3: #e4ecea;
42
+ --surface-muted: #edf3f2;
43
+ --surface-elevated: rgba(255, 255, 255, 0.94);
44
+ --card: rgba(255, 255, 255, 0.92);
45
+ --sidebar: rgba(255, 255, 255, 0.94);
46
+ --modal: rgba(255, 255, 255, 0.98);
47
+ --table: rgba(255, 255, 255, 0.78);
48
+ --input: rgba(255, 255, 255, 0.86);
49
+ --overlay: rgba(15, 23, 42, 0.44);
50
+ --overlay-scrim: var(--overlay);
49
51
  --app-bg:
50
- radial-gradient(circle at 82% 12%, rgba(111, 66, 232, 0.14), transparent 30%),
51
- radial-gradient(circle at 10% 80%, rgba(180, 160, 255, 0.16), transparent 35%),
52
- linear-gradient(180deg, #f3ecff 0%, #efe8ff 52%, #f2ecff 100%);
52
+ linear-gradient(180deg, #f8faf9 0%, #eef4f2 54%, #f7faf9 100%);
53
53
 
54
54
  /* text */
55
- --text: #14162c;
56
- --muted: #4a4668; /* muted-text */
57
- --faint: #7a74a0;
55
+ --text: #24223d;
56
+ --muted: #475569; /* muted-text */
57
+ --faint: #70818f;
58
+ --text-muted: var(--muted);
58
59
 
59
60
  /* border / line */
60
- --border: rgba(111, 66, 232, 0.14);
61
- --border-strong: rgba(111, 66, 232, 0.26);
62
- --line: rgba(111, 66, 232, 0.12);
63
- --line-strong: rgba(111, 66, 232, 0.22);
61
+ --border: rgba(15, 23, 42, 0.12);
62
+ --border-strong: rgba(15, 23, 42, 0.22);
63
+ --line: rgba(15, 23, 42, 0.10);
64
+ --line-strong: rgba(15, 23, 42, 0.18);
64
65
 
65
66
  /* accent */
66
- --accent: #6f42e8;
67
- --accent-2: #8b6cff;
68
- --accent-3: #a78fff;
69
- --accent-pink: #c084fc;
70
- --accent-soft: rgba(111, 66, 232, 0.12);
71
- --accent-deep: #3B1F8E;
67
+ --accent: #2563eb;
68
+ --accent-2: #0f9f8f;
69
+ --accent-3: #b7791f;
70
+ --accent-pink: #b83280;
71
+ --accent-soft: rgba(37, 99, 235, 0.10);
72
+ --accent-deep: #1d4ed8;
72
73
 
73
74
  /* status */
74
- --success: #1f9d6b;
75
- --warning: #b4690e;
76
- --danger: #e53935;
75
+ --success: #0f8f6d;
76
+ --warning: #a16207;
77
+ --danger: #c2410c;
77
78
 
78
79
  /* graph */
79
- --graph-bg: #fbfaff;
80
- --graph-grid: rgba(111, 66, 232, 0.06);
81
- --graph-pill: rgba(255, 255, 255, 0.90);
80
+ --graph-bg: #f8faf9;
81
+ --graph-grid: rgba(12, 92, 115, 0.08);
82
+ --graph-pill: rgba(255, 255, 255, 0.92);
82
83
 
83
84
  /* shadow */
84
- --shadow: 0 18px 54px rgba(88, 72, 150, 0.15);
85
- --shadow-sm: 0 8px 24px rgba(88, 72, 150, 0.11);
85
+ --shadow: 0 18px 50px rgba(15, 23, 42, 0.10);
86
+ --shadow-sm: 0 8px 22px rgba(15, 23, 42, 0.08);
86
87
 
87
88
  /* focus ring */
88
- --focus-ring: rgba(110, 74, 230, 0.55);
89
+ --focus-ring: rgba(37, 99, 235, 0.55);
89
90
 
90
91
  /* ── 구조 토큰(색 아님) ─────────────────────────────────────────────── */
91
92
  --radius: 14px;
@@ -106,12 +107,12 @@
106
107
  --panel-2: var(--surface-2);
107
108
  --panel-3: var(--surface-3);
108
109
  --panel-strong: var(--surface);
109
- --glow-green: 0 0 34px rgba(111, 66, 232, 0.14);
110
- --glow-blue: 0 0 34px rgba(139, 108, 255, 0.14);
110
+ --glow-green: 0 0 34px rgba(15, 159, 143, 0.14);
111
+ --glow-blue: 0 0 34px rgba(37, 99, 235, 0.14);
111
112
  /* PPT reference 스킨 별칭 */
112
113
  --ref-purple: var(--accent);
113
114
  --ref-purple-2: var(--accent-2);
114
- --ref-indigo: #2f73ff;
115
+ --ref-indigo: #2563eb;
115
116
  --ref-ink: var(--text);
116
117
  --ref-muted: var(--muted);
117
118
  --ref-faint: var(--faint);
@@ -122,15 +123,17 @@
122
123
 
123
124
  /* ── --lt-* 별칭 (workspace.css / platform.css 가 참조) — LIGHT ──────────
124
125
  순환참조를 피하려 구체값으로 둔다(소비자가 --bg 등을 --lt-* 로 재정의해도 안전). */
125
- --lt-bg: #f3ecff;
126
- --lt-surface: #f6f0ff;
127
- --lt-surface-2: #efe8ff;
128
- --lt-ink: #14162c;
129
- --lt-ink-soft: #4a4668;
130
- --lt-muted: #7a74a0;
131
- --lt-line: rgba(111, 66, 232, 0.14);
132
- --lt-accent: #6f42e8;
133
- --lt-shadow-md: 0 18px 54px rgba(88, 72, 150, 0.15);
126
+ --lt-bg: #f6f8f7;
127
+ --lt-surface: #ffffff;
128
+ --lt-surface-2: #f0f5f4;
129
+ --lt-input: rgba(255, 255, 255, 0.86);
130
+ --lt-ink: #24223d;
131
+ --lt-ink-soft: #475569;
132
+ --lt-muted: #70818f;
133
+ --lt-line: rgba(15, 23, 42, 0.12);
134
+ --lt-accent: #2563eb;
135
+ --lt-accent-2: #0f9f8f;
136
+ --lt-shadow-md: 0 18px 50px rgba(15, 23, 42, 0.10);
134
137
 
135
138
  /* ── 모션 / 타이포 ─────────────────────────────────────────────────── */
136
139
  --lt-motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
@@ -142,91 +145,94 @@
142
145
  :root[data-lt-theme="dark"] {
143
146
  color-scheme: dark;
144
147
 
145
- --bg: #0B0B1E;
146
- --bg-soft: #0e0e26;
147
- --surface: #16163a;
148
- --surface-2: #1b1d42;
149
- --surface-3: #23264f;
150
- --card: rgba(255, 255, 255, 0.05);
151
- --sidebar: rgba(18, 18, 46, 0.96);
152
- --modal: rgba(22, 22, 58, 0.98);
153
- --table: rgba(255, 255, 255, 0.04);
154
- --input: rgba(255, 255, 255, 0.06);
155
- --overlay: rgba(0, 0, 0, 0.58);
148
+ --bg: #101418;
149
+ --bg-soft: #151b20;
150
+ --surface: #1b2328;
151
+ --surface-2: #202b31;
152
+ --surface-3: #29363d;
153
+ --surface-muted: #151d22;
154
+ --surface-elevated: #253139;
155
+ --card: rgba(255, 255, 255, 0.055);
156
+ --sidebar: #11191d;
157
+ --modal: rgba(27, 35, 40, 0.98);
158
+ --table: rgba(255, 255, 255, 0.045);
159
+ --input: rgba(255, 255, 255, 0.065);
160
+ --overlay: rgba(0, 0, 0, 0.64);
161
+ --overlay-scrim: var(--overlay);
156
162
  --app-bg:
157
- radial-gradient(circle at 82% 12%, rgba(110, 74, 230, 0.22), transparent 32%),
158
- radial-gradient(circle at 10% 80%, rgba(24, 198, 217, 0.10), transparent 38%),
159
- linear-gradient(180deg, #0B0B1E 0%, #0e0e24 52%, #0B0B1E 100%);
160
-
161
- --text: #F4F5FB;
162
- --muted: #C2C7DC;
163
- --faint: #8B92AC;
164
-
165
- --border: rgba(160, 170, 230, 0.20);
166
- --border-strong: rgba(160, 170, 230, 0.32);
167
- --line: rgba(160, 170, 230, 0.16);
168
- --line-strong: rgba(160, 170, 230, 0.28);
169
-
170
- --accent: #A78BFA;
171
- --accent-2: #c4b5fd;
172
- --accent-3: #ddd6fe;
173
- --accent-pink: #e0b0ff;
174
- --accent-soft: rgba(167, 139, 250, 0.18);
175
- --accent-deep: #ddd6fe;
163
+ linear-gradient(180deg, #101418 0%, #151d22 54%, #101418 100%);
164
+
165
+ --text: #edf3f2;
166
+ --muted: #b8c5c2;
167
+ --faint: #849894;
168
+ --text-muted: var(--muted);
169
+
170
+ --border: rgba(196, 213, 208, 0.18);
171
+ --border-strong: rgba(196, 213, 208, 0.30);
172
+ --line: rgba(196, 213, 208, 0.14);
173
+ --line-strong: rgba(196, 213, 208, 0.24);
174
+
175
+ --accent: #0284c7;
176
+ --accent-2: #0f766e;
177
+ --accent-3: #facc15;
178
+ --accent-pink: #f0abfc;
179
+ --accent-soft: rgba(2, 132, 199, 0.20);
180
+ --accent-deep: #0369a1;
176
181
 
177
182
  --success: #34d399;
178
183
  --warning: #fbbf24;
179
- --danger: #F47171;
184
+ --danger: #fb923c;
180
185
 
181
- --graph-bg: #0B0B1E;
182
- --graph-grid: rgba(160, 170, 230, 0.08);
183
- --graph-pill: rgba(24, 26, 53, 0.92);
186
+ --graph-bg: #0f1518;
187
+ --graph-grid: rgba(94, 234, 212, 0.08);
188
+ --graph-pill: rgba(27, 35, 40, 0.92);
184
189
 
185
190
  --shadow: 0 18px 54px rgba(0, 0, 0, 0.50);
186
191
  --shadow-sm: 0 8px 24px rgba(0, 0, 0, 0.42);
187
192
 
188
- --focus-ring: rgba(167, 139, 250, 0.70);
193
+ --focus-ring: rgba(125, 211, 252, 0.70);
189
194
 
190
- --lt-bg: #0B0B1E;
191
- --lt-surface: #16163a;
192
- --lt-surface-2: #1b1d42;
193
- --lt-ink: #F4F5FB;
194
- --lt-ink-soft: #C2C7DC;
195
- --lt-muted: #8B92AC;
196
- --lt-line: rgba(160, 170, 230, 0.20);
197
- --lt-accent: #A78BFA;
195
+ --lt-bg: #101418;
196
+ --lt-surface: #1b2328;
197
+ --lt-surface-2: #202b31;
198
+ --lt-input: rgba(255, 255, 255, 0.065);
199
+ --lt-ink: #edf3f2;
200
+ --lt-ink-soft: #b8c5c2;
201
+ --lt-muted: #849894;
202
+ --lt-line: rgba(196, 213, 208, 0.18);
203
+ --lt-accent: #0284c7;
204
+ --lt-accent-2: #0f766e;
198
205
  --lt-shadow-md: 0 18px 54px rgba(0, 0, 0, 0.50);
199
206
 
200
- --ref-indigo: #6f93ff;
201
- --glow-green: 0 0 34px rgba(110, 74, 230, 0.22);
202
- --glow-blue: 0 0 34px rgba(24, 198, 217, 0.18);
207
+ --ref-indigo: #93c5fd;
208
+ --glow-green: 0 0 34px rgba(94, 234, 212, 0.18);
209
+ --glow-blue: 0 0 34px rgba(125, 211, 252, 0.18);
203
210
  }
204
211
 
205
212
  /* OS 다크 추종 — 사용자가 명시적으로 라이트를 고르지 않은 경우에만 */
206
213
  @media (prefers-color-scheme: dark) {
207
214
  :root:not([data-lt-theme="light"]):not([data-lt-theme="dark"]) {
208
215
  color-scheme: dark;
209
- --bg: #0B0B1E; --bg-soft: #0e0e26;
210
- --surface: #16163a; --surface-2: #1b1d42; --surface-3: #23264f;
211
- --card: rgba(255,255,255,0.05); --sidebar: rgba(18,18,46,0.96);
212
- --modal: rgba(22,22,58,0.98); --table: rgba(255,255,255,0.04);
213
- --input: rgba(255,255,255,0.06); --overlay: rgba(0,0,0,0.58);
216
+ --bg: #101418; --bg-soft: #151b20;
217
+ --surface: #1b2328; --surface-2: #202b31; --surface-3: #29363d;
218
+ --surface-muted: #151d22; --surface-elevated: #253139;
219
+ --card: rgba(255,255,255,0.055); --sidebar: #11191d;
220
+ --modal: rgba(27,35,40,0.98); --table: rgba(255,255,255,0.045);
221
+ --input: rgba(255,255,255,0.065); --overlay: rgba(0,0,0,0.64); --overlay-scrim: var(--overlay);
214
222
  --app-bg:
215
- radial-gradient(circle at 82% 12%, rgba(110,74,230,0.22), transparent 32%),
216
- radial-gradient(circle at 10% 80%, rgba(24,198,217,0.10), transparent 38%),
217
- linear-gradient(180deg, #0B0B1E 0%, #0e0e24 52%, #0B0B1E 100%);
218
- --text: #F4F5FB; --muted: #C2C7DC; --faint: #8B92AC;
219
- --border: rgba(160,170,230,0.20); --border-strong: rgba(160,170,230,0.32);
220
- --line: rgba(160,170,230,0.16); --line-strong: rgba(160,170,230,0.28);
221
- --accent: #A78BFA; --accent-2: #c4b5fd; --accent-3: #ddd6fe;
222
- --accent-pink: #e0b0ff; --accent-soft: rgba(167,139,250,0.18); --accent-deep: #ddd6fe;
223
- --success: #34d399; --warning: #fbbf24; --danger: #F47171;
224
- --graph-bg: #0B0B1E; --graph-grid: rgba(160,170,230,0.08); --graph-pill: rgba(24,26,53,0.92);
223
+ linear-gradient(180deg, #101418 0%, #151d22 54%, #101418 100%);
224
+ --text: #edf3f2; --muted: #b8c5c2; --faint: #849894; --text-muted: var(--muted);
225
+ --border: rgba(196,213,208,0.18); --border-strong: rgba(196,213,208,0.30);
226
+ --line: rgba(196,213,208,0.14); --line-strong: rgba(196,213,208,0.24);
227
+ --accent: #0284c7; --accent-2: #0f766e; --accent-3: #facc15;
228
+ --accent-pink: #f0abfc; --accent-soft: rgba(2,132,199,0.20); --accent-deep: #0369a1;
229
+ --success: #34d399; --warning: #fbbf24; --danger: #fb923c;
230
+ --graph-bg: #0f1518; --graph-grid: rgba(94,234,212,0.08); --graph-pill: rgba(27,35,40,0.92);
225
231
  --shadow: 0 18px 54px rgba(0,0,0,0.50); --shadow-sm: 0 8px 24px rgba(0,0,0,0.42);
226
- --focus-ring: rgba(167,139,250,0.70);
227
- --lt-bg: #0B0B1E; --lt-surface: #16163a; --lt-surface-2: #1b1d42;
228
- --lt-ink: #F4F5FB; --lt-ink-soft: #C2C7DC; --lt-muted: #8B92AC;
229
- --lt-line: rgba(160,170,230,0.20); --lt-accent: #A78BFA;
232
+ --focus-ring: rgba(125,211,252,0.70);
233
+ --lt-bg: #101418; --lt-surface: #1b2328; --lt-surface-2: #202b31; --lt-input: rgba(255,255,255,0.065);
234
+ --lt-ink: #edf3f2; --lt-ink-soft: #b8c5c2; --lt-muted: #849894;
235
+ --lt-line: rgba(196,213,208,0.18); --lt-accent: #0284c7; --lt-accent-2: #0f766e;
230
236
  --lt-shadow-md: 0 18px 54px rgba(0,0,0,0.50);
231
237
  }
232
238
  }
package/static/favicon.ico ADDED
Binary file
package/static/graph.html CHANGED
@@ -4,13 +4,18 @@
4
4
  <meta charset="utf-8">
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, interactive-widget=resizes-content">
6
6
  <title>Lattice AI - 지식 그래프</title>
7
- <script src="/static/scripts/ux.js?v=2.2.2"></script>
7
+ <script src="/static/scripts/ux.js?v=3.0.0"></script>
8
8
  <link rel="preconnect" href="https://fonts.googleapis.com">
9
9
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
10
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap">
11
11
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css">
12
- <link rel="stylesheet" href="/static/lattice-reference.css?v=0.3.3">
13
- <link rel="stylesheet" href="/static/css/responsive.css?v=2.2.2">
12
+ <link rel="stylesheet" href="/static/css/tokens.css?v=3.0.0">
13
+ <link rel="stylesheet" href="/static/css/reference/base.css?v=3.0.0">
14
+ <link rel="stylesheet" href="/static/css/reference/account.css?v=3.0.0">
15
+ <link rel="stylesheet" href="/static/css/reference/admin.css?v=3.0.0">
16
+ <link rel="stylesheet" href="/static/css/reference/graph.css?v=3.0.0">
17
+ <link rel="stylesheet" href="/static/css/reference/chat.css?v=3.0.0">
18
+ <link rel="stylesheet" href="/static/css/responsive.css?v=3.0.0">
14
19
  </head>
15
20
  <body class="lattice-ref-graph">
16
21
  <div class="sidebar-overlay" onclick="closeGraphNav&&closeGraphNav()"></div>
@@ -114,6 +119,6 @@
114
119
 
115
120
  <div id="tooltip"></div>
116
121
 
117
- <script src="/static/scripts/graph.js?v=0.3.3"></script>
122
+ <script src="/static/scripts/graph.js?v=3.0.0"></script>
118
123
  </body>
119
124
  </html>
package/static/manifest.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "name": "Lattice AI",
3
3
  "short_name": "LatticeAI",
4
- "description": "AI Workspace OS for local-first graph, memory, agents, workflows, and skills",
5
- "start_url": "/workspace",
4
+ "description": "Local-first AI workspace platform for knowledge graphs, vector index, hybrid search, agents, and workspace modes",
5
+ "start_url": "/app",
6
6
  "id": "/",
7
7
  "display": "standalone",
8
8
  "orientation": "any",
@@ -28,7 +28,7 @@
28
28
  {
29
29
  "name": "새 대화",
30
30
  "short_name": "대화",
31
- "url": "/",
31
+ "url": "/app#/chat",
32
32
  "icons": [{ "src": "/icons/icon-192.png", "sizes": "192x192" }]
33
33
  }
34
34
  ]
package/static/platform.css CHANGED
@@ -29,7 +29,7 @@ a { color: var(--accent-2); text-decoration: none; }
29
29
  header.app {
30
30
  display: flex; align-items: center; gap: 18px;
31
31
  padding: 14px 24px; border-bottom: 1px solid var(--border);
32
- background: rgba(22, 25, 31, 0.8); position: sticky; top: 0; backdrop-filter: blur(8px); z-index: 5;
32
+ background: var(--panel); position: sticky; top: 0; z-index: 5;
33
33
  }
34
34
  header.app .brand { font-weight: 700; font-size: 16px; color: var(--text); letter-spacing: .3px; }
35
35
  header.app .brand small { color: var(--accent); font-weight: 600; margin-left: 6px; }