ltcai 2.2.0 → 2.2.2

package/docs/ENTERPRISE.md

@@ -8,10 +8,10 @@
 Lattice AI follows an **open-core** model:
 
 - **Community** (this repository, MIT) is fully functional on its own: local
-  LLMs, knowledge graph, Personal and Organization workspaces, roles, snapshots,
-  memory, agents, workflows, skills, the auditable timeline, and the full v2.0
-  Agentic Workspace Platform (Plugin SDK, Workflow Designer, Multi-Agent Runtime
-  2.0, Realtime Collaboration).
+  models, knowledge graph, Personal and Organization workspaces, roles,
+  snapshots, durable context, AI pipelines, multi-agent workflows, skills, the
+  auditable timeline, and the full v2 workspace platform (Plugin SDK, Workflow
+  Designer, Multi-Agent Runtime, Realtime Collaboration).
 - **Enterprise** is a separately-distributed plugin that attaches advanced,
   organization-scale governance and deployment capabilities through a stable
   runtime seam. It is never bundled into the Community build.
@@ -36,7 +36,7 @@ Community code consults the seam at extension points via
 always `False`, so the Community code path is taken and nothing is gated off.
 
 The live edition + capability matrix is exposed at `GET /workspace/editions`,
-surfaced in the Workspace OS summary (`GET /workspace/os` → `edition`), and
+surfaced in the workspace summary (`GET /workspace/os` → `edition`), and
 shown in the Enterprise Admin UI at `/admin#enterprise`.
 
 Community also exposes descriptive admin surfaces at `GET /admin/enterprise`

package/docs/PLUGIN_SDK.md

@@ -14,7 +14,7 @@ through the existing skill registry rather than owning a parallel one.
 
 > **Compatibility.** v1.x data and APIs are preserved. The Plugin SDK adds new
 > code (`latticeai/core/plugins.py`, `latticeai/api/plugins.py`) and new
-> persisted state (`plugin_registry` inside the Workspace OS store). Nothing in
+> persisted state (`plugin_registry` inside the workspace store). Nothing in
 > the v1.x contract changes. The new HTTP routes live under `/plugins/registry`
 > and friends, which do **not** collide with the pre-existing
 > `/plugins/directory` marketplace routes.
@@ -28,7 +28,7 @@ PLUGIN_SDK_VERSION = "2.2.0"
 ## v2.2 additions
 
 - `execute_action(...)` emits `plugin_started`, `plugin_completed`, and
-  `execution_failed` through the existing Workspace OS timeline/realtime feed.
+  `execution_failed` through the existing workspace timeline/realtime feed.
 - Plugin outputs can be carried inside agent context packets and replayed from
   agent/workflow run history.
 - The local template catalog (`latticeai.core.marketplace`) adds Plugin,
@@ -228,7 +228,7 @@ discover  ->  validate  ->  install  ->  enable / disable  ->  uninstall
 ```
 
 Lifecycle *state* (installed / enabled / version / status) is delegated to the
-Workspace OS store via a small `store` port, so plugins reuse the same
+workspace store via a small `store` port, so plugins reuse the same
 local-first JSON persistence, workspace scoping, and timeline events as skills.
 The registry itself owns only manifest parsing and the execution boundary.
 
@@ -355,7 +355,7 @@ A persisted entry looks like:
 }
 ```
 
-Each lifecycle mutation also records a Workspace OS timeline event
+Each lifecycle mutation also records a workspace timeline event
 (`plugin_installed`, `plugin_uninstalled`, `plugin_enabled`, `plugin_disabled`)
 under the `plugins` channel.
 

package/docs/V2_ARCHITECTURE.md

@@ -1,11 +1,11 @@
-# Lattice AI v2 Architecture — Agentic Workspace Platform
+# Lattice AI v2 Architecture — AI Workspace, Pipeline, and Workflow Platform
 
-Lattice AI v2.0.0 turned the local-first Workspace OS into a full **Agentic
-Workspace Platform**. v2.2.0 keeps that architecture and matures the operational
-layer: explicit handoffs, context packets, review/retry loops, memory snapshots,
-planning records, replay, marketplace templates, and realtime execution
-observability all compose over the same local-first JSON store and Knowledge
-Graph.
+Lattice AI v2.0.0 introduced the local-first AI workspace, AI pipeline,
+Knowledge Graph, and multi-agent workflow foundation. v2.2.1 keeps that
+architecture and matures the operational layer: explicit handoffs, context
+packets, review/retry loops, durable context snapshots, planning records,
+replay, marketplace templates, and realtime workflow observability all compose
+over the same local-first JSON store and Knowledge Graph.
 
 This document describes how the v2 platform pillars fit together, the small set of
 **additive integration seams** that wire them, the cross-integration matrix that
@@ -47,7 +47,7 @@ templates / actions under one versioned, permissioned unit.
 
 Design rules enforced by the module: no import-time I/O (the filesystem is only
 touched on `discover()`), no FastAPI and no globals (lifecycle state lives in the
-Workspace OS store), and permissions are an allow-list — the execution boundary
+workspace store), and permissions are an allow-list — the execution boundary
 refuses any capability a plugin did not declare *and* was not granted.
 
 A validated `plugin.json` manifest:
@@ -213,7 +213,7 @@ class RealtimeBus:
 v2.2.0 adds a local marketplace foundation rather than a cloud marketplace
 service. `TemplateCatalog` manages Plugin, Workflow, and Agent templates with
 metadata, export/import, install hooks, and a template registry stored through
-Workspace OS. Marketplace templates are local extension points for the existing
+workspace. Marketplace templates are local extension points for the existing
 Plugin SDK, Workflow Engine, and Multi-Agent Runtime; they do not bypass plugin
 permissions, workflow execution guards, or workspace scoping.
 

package/docs/architecture.md

@@ -1,9 +1,10 @@
 # Lattice AI Architecture
 
-Lattice AI v2.2.0 is a local-first **AI Knowledge OS**. The architecture is
+Lattice AI is a local-first **AI workspace, AI pipeline platform, Knowledge
+Graph platform, and multi-agent workflow platform**. The architecture is
 organized around one durable center: the Knowledge Graph. Models, tools,
 agents, workflows, and UI modes are replaceable layers that operate on top of
-the graph.
+workspace and graph context.
 
 ## Architecture Goals
 
@@ -15,7 +16,7 @@ the graph.
 - Keep basic and advanced modes feature-equivalent.
 - Keep admin-only capabilities explicit and auditable.
 
-## System View
+## Workspace View
 
 ```mermaid
 flowchart TD
@@ -24,9 +25,9 @@ flowchart TD
     Extract["Entity, relation, evidence extraction"]
     Graph["Knowledge Graph"]
     Context["Graph context builder"]
-    Models["Multimodal model runtime"]
-    Agents["Agent runtime and workflows"]
-    Outputs["Advice, analysis, documents, automation"]
+    Models["Local or cloud model workflow"]
+    Agents["Multi-agent workflow"]
+    Outputs["Coding actions, analysis, documents, team workflows"]
     Admin["Admin policy and audit"]
 
     User --> Ingestion
@@ -42,7 +43,7 @@ flowchart TD
 
 ## Durable Core
 
-The Knowledge Graph stores the durable user and organization memory:
+The Knowledge Graph stores durable personal and organization workspace context:
 
 - files and document evidence
 - images and screenshots
@@ -52,8 +53,8 @@ The Knowledge Graph stores the durable user and organization memory:
 - generated artifacts
 - agent and workflow events
 
-The LLM is not the product core. It is an execution worker that can be replaced
-when hardware, policy, or user preference changes.
+The model is not the product core. It is a replaceable participant in the
+workspace pipeline.
 
 ## Multimodal Ingestion
 
@@ -75,9 +76,9 @@ input set includes:
 The architecture must not ask users to convert these to plain text before AI can
 work on them.
 
-## Model Runtime Policy
+## Local Model Management Policy
 
-Local recommended models must be multimodal. The v2.2 local runtime policy is:
+Local recommended models must be multimodal. The v2.2 local model workflow policy is:
 
 - macOS Apple Silicon: MLX-VLM first
 - Windows: llama.cpp multimodal path, with LM Studio as a user-friendly option
@@ -130,11 +131,11 @@ Basic mode and advanced mode have the same feature access.
 | --- | --- |
 | `latticeai/services/model_catalog.py` | Multimodal model catalog, source metadata, aliases |
 | `latticeai/services/model_recommendation.py` | Hardware-aware multimodal recommendation |
-| `latticeai/services/model_runtime.py` | Download, load, server, and runtime orchestration |
+| `latticeai/services/model_runtime.py` | Download, load, server, and model workflow orchestration |
 | `llm_router.py` | MLX-VLM and OpenAI-compatible model routing |
-| `knowledge_graph.py` | Graph storage, extraction, local folder graph RAG |
+| `knowledge_graph.py` | Graph storage, extraction, local folder knowledge graph context |
 | `latticeai/core/context_builder.py` | Graph context for generation |
-| `latticeai/core/workspace_os.py` | Workspace state, timeline, snapshots, memory |
+| `latticeai/core/workspace_os.py` | Workspace state, timeline, snapshots, durable context |
 | `latticeai/core/multi_agent.py` | Planner/executor/reviewer/researcher orchestration |
 | `latticeai/core/workflow_engine.py` | Workflow definitions and run history |
 | `latticeai/core/plugins.py` | Plugin manifest, registry, permission boundary |
@@ -142,7 +143,7 @@ Basic mode and advanced mode have the same feature access.
 
 ## Compatibility
 
-v2.2.0 preserves the additive Workspace OS and API compatibility posture from
+v2.2.1 preserves the additive workspace and API compatibility posture from
 v2.x. Existing graph/workspace data is migrated non-destructively. The release
 does remove current recommendation entries for old or text-only model paths, but
 it does not destructively mutate existing user graph data.

package/docs/spec-vs-impl.md

@@ -20,7 +20,7 @@
 PPT 명세는 "한 코드·다섯 화면" — Shared Core(Design Tokens, UI Components, Business Logic, AI/Graph Core) 위에서 Tauri(데스크탑) / Capacitor·RN(모바일) 렌더러가 같은 결과를 낸다.
 
 **현재 구현**
-- `static/chat.html`, `static/graph.html`, `static/admin.html`, `static/account.html` 4개 HTML — 각자 자체 CSS 변수 보유
+- `static/chat.html`, `static/graph.html`, `static/admin.html`, `static/account.html` 4개 HTML — `static/css/tokens.css` 단일 토큰을 공유 (v2.2.1)
 - `vscode-extension/` — TypeScript VSCode 통합
 - `static/manifest.json` + `static/sw.js` — PWA 부분 지원 (iOS/Android 홈 화면 추가는 됨)
 - `telegram_bot.py` — Telegram 미러
@@ -28,11 +28,11 @@ PPT 명세는 "한 코드·다섯 화면" — Shared Core(Design Tokens, UI Comp
 **갭**
 - 데스크탑 네이티브 셸 (Tauri) 미구현
 - 모바일 네이티브 (Capacitor / RN) 미구현
-- 4개 HTML이 각자 다른 색 토큰 사용 → 같은 화면이 같게 안 보임
 - 다국어(i18n) 시스템화 안 됨 (HTML에 한글 하드코딩)
 
-**보강 결과물**
-- `static/css/tokens.css` (이번 PR에서 추가) — 4개 HTML이 공유할 단일 진실 토큰
+**보강 결과물 (완료, v2.2.1)**
+- `static/css/tokens.css` — 4개 HTML이 공유하는 단일 진실 토큰 (`:root` = 라이트, `[data-lt-theme="dark"]` = 다크)
+- `static/css/responsive.css` + `static/scripts/ux.js` — 반응형 레이아웃 / 라이트·다크 토글 + OS 감지 + 지속화
 - 로드맵: `apps/desktop/` (Tauri 셸) · `apps/mobile/` (Capacitor 셸) 차후 단계
 
 ---
@@ -91,7 +91,9 @@ chunks ( id, source_node, text, metadata_json, created_at )
 
 ## 4. 디자인 일관성
 
-| 파일 | 현재 --bg | 현재 --accent |
+기존(v2.2.1 이전)에는 4개 HTML 이 각자 다른 색 토큰을 갖고 있었다:
+
+| 파일 | 이전 --bg | 이전 --accent |
 |------|-----------|---------------|
 | `chat.html`   | `#182332` 다크 블루그린 | `#22d3a0` 민트 |
 | `graph.html`  | `#282a36` 다크 그레이   | `#a77cff` 라일락 |
@@ -100,9 +102,10 @@ chunks ( id, source_node, text, metadata_json, created_at )
 | `lattice-reference.css` | (라이트, PPT) | `#6f42e8` Lattice 보라 |
 | **PPT 명세** | `#FFFFFF` 또는 `#0B0B16` | `#6E4AE6` Lattice 보라 |
 
-**보강 결과물**
-- `static/css/tokens.css` — 단일 토큰 (PPT 명세 그대로)
-- 4개 HTML 의 `:root {}` 블록을 `@import` 한 줄로 대체 가능하도록 토큰 명 호환
+**보강 결과물 (완료, v2.2.1)**
+- `static/css/tokens.css` — 단일 토큰을 모든 화면이 공유. `:root` 가 라이트 값,
+  `[data-lt-theme="dark"]` 가 다크 값을 정의하는 단일 진실 소스
+- 라이트/다크 토글 + OS 다크모드 감지 + 지속화는 `static/scripts/ux.js` 가 담당
 
 ---
 
@@ -124,9 +127,9 @@ PPT 화면 1, 13 (login, security) 에 한국어 / Microsoft Entra ID / Okta SSO
 | 순위 | 파일 | 무엇 |
 |------|------|------|
 | 1 | `docs/kg-schema.md`, `kg_schema.py` | KG 스키마 정식화 (10 노드 · 12 엣지 · embedding · confidence) |
-| 2 | `static/css/tokens.css` | 디자인 토큰 통합 (PPT 색팔레트) |
+| 2 | `static/css/tokens.css` (+ `responsive.css`, `ux.js`) | 디자인 토큰 통합 + 라이트/다크 — v2.2.1 완료 |
 | 3 | `auto_setup.py` | OS 프로빙 + 모델 추천 + 설치 어댑터 |
 | 4 | `docs/architecture.md` 보강 | 위 변경 반영 |
 | 5 | (차후) `apps/desktop`, `apps/mobile` 스캐폴딩 | Tauri/Capacitor |
 
-각 항목은 이번 PR 에 함께 들어간다 (1~3은 코드, 4는 문서, 5는 청사진만).
+1~4 는 구현/문서로 반영되었고 (디자인 토큰·라이트/다크는 v2.2.1 에서 완료), 5 는 청사진만 유지한다.

package/latticeai/__init__.py

@@ -1,3 +1,3 @@
 """Lattice AI - modular server package."""
 
-__version__ = "2.2.0"
+__version__ = "2.2.2"

package/latticeai/core/workspace_os.py

@@ -18,7 +18,7 @@ from pathlib import Path
 from typing import Any, Callable, Dict, Iterable, List, Optional
 
 
-WORKSPACE_OS_VERSION = "2.2.0"
+WORKSPACE_OS_VERSION = "2.2.2"
 
 # Workspace types separate single-user Personal workspaces from shared
 # Organization workspaces. Both keep the same local-first JSON store; the type

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ltcai",
-  "version": "2.2.0",
-  "description": "Lattice AI Workspace OS for local-first graph, memory, agent, workflow, and skill operations",
+  "version": "2.2.2",
+  "description": "Local-first AI workspace for knowledge graphs, AI pipelines, and multi-agent coding workflows.",
   "homepage": "https://github.com/TaeSooPark-PTS/LatticeAI#readme",
   "repository": {
     "type": "git",
@@ -29,16 +29,24 @@
     "capture:skills": "node scripts/capture/capture_skills.js",
     "capture:enterprise": "node scripts/capture/capture_enterprise.js",
     "capture:onboarding": "node scripts/capture/capture_onboarding.js",
-    "publish:npm": "npm publish --access public",
-    "publish:pypi": "python3 -m twine upload --skip-existing dist/ltcai-$npm_package_version.tar.gz dist/ltcai-$npm_package_version-py3-none-any.whl"
+    "release:artifacts": "npm run build:python && npm pack && cd vscode-extension && npm run package:vsix",
+    "release:validate": "python3 scripts/validate_release_artifacts.py $npm_package_version --require-vsix --require-tgz",
+    "publish:npm": "npm pack && npm publish ltcai-$npm_package_version.tgz --access public",
+    "publish:pypi": "npm run build:python && python3 -m twine upload --skip-existing dist/ltcai-$npm_package_version.tar.gz dist/ltcai-$npm_package_version-py3-none-any.whl",
+    "publish:vscode": "cd vscode-extension && npm run package:vsix && npm run publish:vscode",
+    "publish:openvsx": "cd vscode-extension && npm run package:vsix && npm run publish:openvsx",
+    "publish:all": "npm run release:artifacts && npm run release:validate && npm publish ltcai-$npm_package_version.tgz --access public && python3 -m twine upload --skip-existing dist/ltcai-$npm_package_version.tar.gz dist/ltcai-$npm_package_version-py3-none-any.whl && cd vscode-extension && npm run publish:vscode && npm run publish:openvsx"
   },
   "keywords": [
     "ltcai",
-    "ai-assistant",
+    "ai-workspace",
+    "ai-pipeline",
+    "knowledge-graph",
     "llm",
     "mlx",
     "local-ai",
-    "agent",
+    "multi-agent",
+    "workflow",
     "mcp",
     "rag",
     "vscode"

package/static/account.html

@@ -2,8 +2,9 @@
 <html lang="ko">
 <head>
     <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
+    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, interactive-widget=resizes-content">
     <title>Lattice AI</title>
+    <script src="/static/scripts/ux.js?v=2.2.2"></script>
     <link rel="manifest" href="/manifest.json">
     <meta name="theme-color" content="#f3ecff">
     <meta name="apple-mobile-web-app-capable" content="yes">
@@ -14,6 +15,7 @@
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css">
     <link rel="stylesheet" href="/static/lattice-reference.css?v=0.3.3">
+    <link rel="stylesheet" href="/static/css/responsive.css?v=2.2.2">
 </head>
 <body class="lattice-ref-auth">
     <div class="orb orb-1"></div>

package/static/activity.html

@@ -2,9 +2,12 @@
 <html lang="en">
 <head>
   <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, interactive-widget=resizes-content" />
   <title>Realtime Activity — Lattice AI</title>
-  <link rel="stylesheet" href="/static/platform.css" />
+  <script src="/static/scripts/ux.js?v=2.2.2"></script>
+  <link rel="stylesheet" href="/static/css/tokens.css?v=2.2.2" />
+  <link rel="stylesheet" href="/static/platform.css?v=2.2.2" />
+  <link rel="stylesheet" href="/static/css/responsive.css?v=2.2.2" />
 </head>
 <body>
   <main>

package/static/admin.html

@@ -3,8 +3,9 @@
 
 <head>
     <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
+    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, interactive-widget=resizes-content">
     <title>Lattice AI Admin</title>
+    <script src="/static/scripts/ux.js?v=2.2.2"></script>
     <link rel="manifest" href="/manifest.json">
     <meta name="theme-color" content="#f3ecff">
     <meta name="apple-mobile-web-app-capable" content="yes">
@@ -15,10 +16,13 @@
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css">
     <link rel="stylesheet" href="/static/lattice-reference.css?v=0.3.3">
+    <link rel="stylesheet" href="/static/css/responsive.css?v=2.2.2">
     <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
 </head>
 
 <body class="lattice-ref-admin">
+    <div class="sidebar-overlay" onclick="closeAdminRail&&closeAdminRail()"></div>
+    <button class="admin-rail-toggle graph-nav-toggle" onclick="toggleAdminRail&&toggleAdminRail()" title="메뉴" aria-label="관리자 메뉴 열기"><i class="ti ti-menu-2"></i></button>
     <aside class="reference-rail admin-rail">
         <div class="rail-brand"><i class="ti ti-shield-lock"></i><strong>LATTICE AI</strong><span>Administrator</span></div>
         <nav>

package/static/agents.html

@@ -2,9 +2,12 @@
 <html lang="en">
 <head>
   <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, interactive-widget=resizes-content" />
   <title>Multi-Agent Runtime — Lattice AI</title>
-  <link rel="stylesheet" href="/static/platform.css" />
+  <script src="/static/scripts/ux.js?v=2.2.2"></script>
+  <link rel="stylesheet" href="/static/css/tokens.css?v=2.2.2" />
+  <link rel="stylesheet" href="/static/platform.css?v=2.2.2" />
+  <link rel="stylesheet" href="/static/css/responsive.css?v=2.2.2" />
 </head>
 <body>
   <main>

package/static/chat.html

@@ -3,8 +3,9 @@
 
 <head>
     <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
+    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, interactive-widget=resizes-content">
     <title>Lattice AI — All-in-One Multimodal Workspace</title>
+    <script src="/static/scripts/ux.js?v=2.2.2"></script>
 
     <!-- PWA -->
     <link rel="manifest" href="/manifest.json">
@@ -24,6 +25,7 @@
 
     <!-- ── Setup Wizard Styles ──────────────────────────────────────────── -->
     <link rel="stylesheet" href="/static/lattice-reference.css?v=0.3.3">
+    <link rel="stylesheet" href="/static/css/responsive.css?v=2.2.2">
 </head>
 
 <body class="lattice-ref-chat">
@@ -37,7 +39,7 @@
 
 
     <div class="app-layout">
-        <div class="sidebar-overlay" onclick="closeSidebar()"></div>
+        <div class="sidebar-overlay" onclick="closeSidebar();closeGraphNav&&closeGraphNav();closeAdminRail&&closeAdminRail()"></div>
         <!-- Sidebar -->
         <aside class="sidebar">
             <div class="sidebar-header">
@@ -81,6 +83,7 @@
                     <div class="mode-segmented" id="mode-segmented" role="tablist" aria-label="작업 모드"></div>
                 </div>
                 <div class="header-pills">
+                    <button class="theme-toggle" onclick="toggleTheme()" title="테마 전환" aria-label="라이트/다크 테마 전환"><i class="ti ti-moon"></i><i class="ti ti-sun"></i></button>
                     <div class="lang-picker" id="header-lang-picker">
                         <button class="logout-btn" id="lang-btn" onclick="toggleLangMenu('header-lang-picker')" title="Language"><i class="ti ti-language"></i> Language</button>
                         <div class="lang-picker-menu" id="header-lang-picker-menu">
@@ -93,7 +96,7 @@
                 </div>
             </header>
 
-            <div class="acct-modal-overlay" id="acct-modal-overlay">
+            <div class="acct-modal-overlay" id="acct-modal-overlay" onclick="if(event.target===this)closeAcctModal()">
                 <div class="acct-modal">
                     <div class="acct-tabs">
                         <button class="acct-tab active" id="tab-profile" onclick="switchAcctTab('profile')" data-i18n="tab_profile">프로필</button>
@@ -477,7 +480,7 @@
 
     <!-- ── 파일 에디터 ── -->
     <div id="file-editor-overlay" class="admin-overlay" style="display:none">
-        <section class="admin-panel" style="max-width:720px;height:85vh;display:flex;flex-direction:column">
+        <section class="admin-panel" style="max-width:720px;height:min(85dvh, calc(100dvh - 24px));display:flex;flex-direction:column">
             <div class="admin-header" style="flex-shrink:0">
                 <div style="min-width:0;flex:1">
                     <h2><i class="ti ti-file-pencil" style="color:var(--accent)"></i> 파일 편집</h2>