npm - agentshire - Versions diffs - 1.0.0 - Mend

agentshire 1.0.0

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 (406) hide show

package/town-frontend/dist/editor.html ADDED Viewed

@@ -0,0 +1,227 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Agentshire Editor</title>
+  <link rel="icon" href="./assets/logo-DJI6EtST.png" />
+  <script type="module" crossorigin src="./assets/editor-B5QO0OtX.js"></script>
+  <link rel="modulepreload" crossorigin href="./assets/index-BWfrufil.js">
+  <link rel="modulepreload" crossorigin href="./assets/GLTFLoader-BA5RqSME.js">
+  <link rel="modulepreload" crossorigin href="./assets/SkeletonUtils-BCVmgslc.js">
+  <link rel="modulepreload" crossorigin href="./assets/CustomAssetStore-oi8aIurt.js">
+  <link rel="modulepreload" crossorigin href="./assets/OrbitControls-ZmySp9sQ.js">
+  <link rel="stylesheet" crossorigin href="./assets/editor-Bk8g1NCD.css">
+</head>
+<body>
+  <div id="editor-root">
+    <!-- 3D Canvas (full screen, behind everything) -->
+    <div id="scene-container"></div>
+    <!-- Loading overlay -->
+    <div id="editor-loading">
+      <div class="loading-spinner"></div>
+      <div class="loading-text" data-i18n="editor.loading_assets">加载美术资产...</div>
+      <div class="loading-progress" id="loading-progress"></div>
+    </div>
+    <!-- Top Nav Bar: brand + module tabs + global actions -->
+    <div id="editor-toolbar">
+      <a class="toolbar-brand" href="/">
+        <img src="./assets/logo-title-AdKPZX5E.png" alt="Agentshire" class="toolbar-logo" />
+      </a>
+      <nav class="editor-mode-switch" aria-label="工坊切换">
+        <div class="editor-mode-indicator"></div>
+        <button type="button" class="editor-mode-btn active" data-mode="scene" data-i18n="editor.scene_workshop">
+          场景工坊
+        </button>
+        <a class="editor-mode-btn" href="citizen-editor.html" data-i18n="editor.citizen_workshop">
+          角色工坊
+        </a>
+      </nav>
+      <span class="toolbar-spacer"></span>
+      <div class="toolbar-section">
+        <button class="toolbar-btn" id="btn-undo" title="撤销 (Ctrl+Z)" data-i18n-title="editor.undo">
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="1 4 1 10 7 10"/><path d="M3.51 15a9 9 0 102.13-9.36L1 10"/></svg>
+        </button>
+        <button class="toolbar-btn" id="btn-redo" title="重做 (Ctrl+Shift+Z)" data-i18n-title="editor.redo">
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="23 4 23 10 17 10"/><path d="M20.49 15a9 9 0 11-2.13-9.36L23 10"/></svg>
+        </button>
+      </div>
+      <div class="toolbar-section">
+        <button class="toolbar-btn" id="btn-save" title="保存 (Ctrl+S)" data-i18n-title="editor.save">
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M19 21H5a2 2 0 01-2-2V5a2 2 0 012-2h11l5 5v11a2 2 0 01-2 2z"/><polyline points="17 21 17 13 7 13 7 21"/><polyline points="7 3 7 8 15 8"/></svg>
+          <span data-i18n="editor.save">保存</span>
+        </button>
+        <button class="toolbar-btn" id="btn-preview" title="预览模式 (P)" data-i18n-title="editor.preview">
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polygon points="5 3 19 12 5 21 5 3"/></svg>
+          <span data-i18n="editor.preview">预览</span>
+        </button>
+        <span class="publish-wrap" title="Coming Soon">
+          <button class="toolbar-btn-primary" id="btn-publish" disabled>
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z"/></svg>
+            <span data-i18n="editor.publish">发布</span>
+          </button>
+        </span>
+        <div class="more-dropdown">
+          <button class="toolbar-btn" id="btn-more" title="更多" data-i18n-title="editor.more">
+            <svg viewBox="0 0 24 24" fill="currentColor" stroke="none"><circle cx="12" cy="5" r="2"/><circle cx="12" cy="12" r="2"/><circle cx="12" cy="19" r="2"/></svg>
+          </button>
+          <div class="more-menu" id="more-menu">
+            <button id="btn-import">
+              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
+              <span data-i18n="editor.import_map">导入地图</span>
+            </button>
+            <button id="btn-export">
+              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/></svg>
+              <span data-i18n="editor.export_map">导出地图</span>
+            </button>
+            <div class="menu-divider"></div>
+            <button id="btn-clear" class="menu-danger">
+              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 6h18"/><path d="M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6"/><path d="M8 6V4a2 2 0 012-2h4a2 2 0 012 2v2"/></svg>
+              <span data-i18n="editor.clear_map">清空地图</span>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- Bottom Floating Toolbar (Figma-style, scene mode context tools) -->
+    <div id="scene-toolbar">
+      <div class="ftb-group">
+        <button class="ftb-btn active" data-tool="select" data-tip="选择 (V)" data-i18n-tip="editor.select_tool">
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z"/></svg>
+        </button>
+        <button class="ftb-btn" data-tool="terrain" data-tip="地形刷 (T)" data-i18n-tip="editor.terrain_tool">
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 19l7-7 3 3-7 7-3-3z"/><path d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"/></svg>
+        </button>
+        <button class="ftb-btn" data-tool="erase" data-tip="删除 (X)" data-i18n-tip="editor.erase_tool">
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 6h18M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2"/></svg>
+        </button>
+      </div>
+      <div class="ftb-divider"></div>
+      <div class="ftb-group">
+        <button class="ftb-btn" id="btn-bindings" data-tip="功能绑定" data-i18n-tip="editor.bindings">
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"/></svg>
+        </button>
+        <div class="resize-dropdown resize-dropdown--up">
+          <button class="ftb-btn" id="btn-resize-trigger" data-tip="扩建地图" data-i18n-tip="editor.resize">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="15 3 21 3 21 9"/><polyline points="9 21 3 21 3 15"/><line x1="21" y1="3" x2="14" y2="10"/><line x1="3" y1="21" x2="10" y2="14"/></svg>
+          </button>
+          <div class="resize-menu" id="resize-menu">
+            <button data-dir="right" data-amount="8">→ 向右扩展 +8 列</button>
+            <button data-dir="bottom" data-amount="8">↓ 向下扩展 +8 行</button>
+            <button data-dir="left" data-amount="8">← 向左扩展 +8 列</button>
+            <button data-dir="top" data-amount="8">↑ 向上扩展 +8 行</button>
+            <div class="resize-divider"></div>
+            <button data-dir="right" data-amount="-8">→ 向右收缩 -8 列</button>
+            <button data-dir="bottom" data-amount="-8">↓ 向下收缩 -8 行</button>
+            <button data-dir="left" data-amount="-8">← 向左收缩 -8 列</button>
+            <button data-dir="top" data-amount="-8">↑ 向上收缩 -8 行</button>
+          </div>
+        </div>
+      </div>
+      <div class="ftb-divider"></div>
+      <div class="ftb-group">
+        <div class="ftb-camera-toggle" id="btn-camera-toggle" data-tip="透视模式 (Tab)" data-i18n-tip="editor.persp_mode">
+          <div class="ftb-camera-track">
+            <div class="ftb-camera-thumb">
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z"/><polyline points="3.27 6.96 12 12.01 20.73 6.96"/><line x1="12" y1="22.08" x2="12" y2="12"/></svg>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- Terrain bar (above bottom toolbar, only visible in terrain mode) -->
+    <div id="terrain-bar"></div>
+    <!-- Left: Asset palette (floating) -->
+    <div id="asset-palette">
+      <div class="panel-header">
+        <span class="panel-title" data-i18n="editor.asset_lib">资产库</span>
+        <button class="panel-collapse" id="btn-collapse-palette">
+          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M15 18l-6-6 6-6"/></svg>
+        </button>
+      </div>
+      <div class="palette-tabs">
+        <button class="palette-tab active" data-category="buildings" data-i18n="editor.buildings">建筑</button>
+        <button class="palette-tab" data-category="roads" data-i18n="editor.roads">道路</button>
+        <button class="palette-tab" data-category="nature" data-i18n="editor.nature">自然</button>
+        <button class="palette-tab" data-category="streetProps" data-i18n="editor.props">道具</button>
+      </div>
+      <div class="palette-list" id="palette-list"></div>
+    </div>
+    <!-- Expand button (must be AFTER #asset-palette for ~ selector) -->
+    <button id="btn-expand-palette" class="palette-expand-btn" title="展开资产面板">
+      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 18l6-6-6-6"/></svg>
+      <span class="expand-label" data-i18n="editor.asset_lib">资产库</span>
+    </button>
+    <!-- Right: Property inspector (floating, appears on selection) -->
+    <div id="property-inspector"></div>
+    <!-- Asset preview floating window (right of palette) -->
+    <div id="asset-preview">
+      <div class="preview-header">
+        <span class="preview-title" data-i18n="editor.asset_preview">资产预览</span>
+        <button class="preview-close">
+          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 6L6 18M6 6l12 12"/></svg>
+        </button>
+      </div>
+      <div class="preview-canvas-wrap">
+        <canvas></canvas>
+      </div>
+      <div class="preview-info">
+        <span class="preview-name">-</span>
+        <span class="preview-size">-</span>
+      </div>
+    </div>
+    <!-- Binding panel overlay -->
+    <div id="binding-overlay">
+      <div id="binding-panel"></div>
+    </div>
+    <!-- Confirm dialog -->
+    <div id="confirm-overlay">
+      <div class="confirm-dialog">
+        <div class="confirm-icon">
+          <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>
+        </div>
+        <div class="confirm-title" id="confirm-title" data-i18n="editor.clear_confirm_title">清空地图</div>
+        <div class="confirm-message" id="confirm-message" data-i18n="editor.clear_confirm_msg">确定要清空当前地图吗？此操作不可撤销。</div>
+        <div class="confirm-actions">
+          <button class="confirm-btn confirm-cancel" id="confirm-cancel" data-i18n="editor.cancel">取消</button>
+          <button class="confirm-btn confirm-ok" id="confirm-ok" data-i18n="editor.ok">确定</button>
+        </div>
+      </div>
+    </div>
+    <!-- Upload asset overlay -->
+    <div id="upload-overlay">
+      <div class="upload-panel"></div>
+    </div>
+    <!-- Status bar (bottom-left, minimal) -->
+    <div id="status-bar">
+      <span id="status-grid">40 × 24</span>
+      <span id="status-buildings" data-i18n="editor.building_count">建筑: 0</span>
+      <span id="status-props" data-i18n="editor.prop_count">道具: 0</span>
+      <span id="status-cursor">--</span>
+      <span class="status-spacer"></span>
+      <span id="status-tool" data-i18n="editor.select_mode">选择模式</span>
+      <span id="status-draft"></span>
+    </div>
+  </div>
+</body>
+</html>

package/town-frontend/dist/index.html ADDED Viewed

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
+  <meta name="mobile-web-app-capable" content="yes" />
+  <meta name="theme-color" content="#0a0a12" />
+  <title>Agentshire</title>
+  <link rel="icon" href="./assets/logo-DJI6EtST.png" />
+  <style>
+    body { margin: 0; background: #0a0a12; overflow: hidden; }
+    #app-root { width: 100%; height: 100dvh; }
+  </style>
+  <script type="module" crossorigin src="./assets/main-CqsN43aT.js"></script>
+  <link rel="modulepreload" crossorigin href="./assets/index-BWfrufil.js">
+  <link rel="modulepreload" crossorigin href="./assets/command-parser-BUd15Bmv.js">
+  <link rel="stylesheet" crossorigin href="./assets/main-D7neuy3w.css">
+</head>
+<body>
+  <div id="app-root"></div>
+</body>
+</html>

package/town-frontend/dist/preview.html ADDED Viewed

@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Agentshire Preview</title>
+  <link rel="icon" href="./assets/logo-DJI6EtST.png" />
+  <style>
+    body { margin: 0; overflow: hidden; background: #000; }
+    #preview-container { width: 100vw; height: 100vh; position: relative; }
+    #preview-loading {
+      position: absolute; inset: 0; z-index: 1000;
+      display: flex; flex-direction: column; align-items: center; justify-content: center;
+      background: #0a0e14; color: #fff; font-family: system-ui, sans-serif; gap: 12px;
+    }
+    #preview-loading .loading-spinner {
+      width: 32px; height: 32px; border: 3px solid rgba(0,212,255,0.2);
+      border-top-color: #00d4ff; border-radius: 50%;
+      animation: spin 0.8s linear infinite;
+    }
+    @keyframes spin { to { transform: rotate(360deg) } }
+    #preview-loading .loading-text { font-size: 14px; color: rgba(255,255,255,0.6); }
+    #preview-error {
+      display: none; position: absolute; inset: 0; z-index: 1001;
+      flex-direction: column; align-items: center; justify-content: center;
+      background: #0a0e14; color: #ff4466; font-family: system-ui, sans-serif; gap: 12px;
+    }
+    #preview-error button {
+      background: rgba(0,212,255,0.15); border: 1px solid rgba(0,212,255,0.3);
+      color: #00d4ff; padding: 8px 20px; border-radius: 6px; cursor: pointer; font-size: 13px;
+    }
+  </style>
+  <script type="module" crossorigin src="./assets/preview-B6hYEQij.js"></script>
+  <link rel="modulepreload" crossorigin href="./assets/index-BWfrufil.js">
+  <link rel="modulepreload" crossorigin href="./assets/GLTFLoader-BA5RqSME.js">
+  <link rel="modulepreload" crossorigin href="./assets/SkeletonUtils-BCVmgslc.js">
+  <link rel="modulepreload" crossorigin href="./assets/CustomAssetStore-oi8aIurt.js">
+  <link rel="modulepreload" crossorigin href="./assets/character-catalog-DSmLtlNC.js">
+  <link rel="modulepreload" crossorigin href="./assets/WeatherSystem-Cb3BvHes.js">
+  <link rel="stylesheet" crossorigin href="./assets/editor-Bk8g1NCD.css">
+</head>
+<body>
+  <div id="preview-container">
+    <div id="preview-loading">
+      <div class="loading-spinner"></div>
+      <div class="loading-text" data-i18n="editor.preview_loading">正在加载预览...</div>
+    </div>
+    <div id="preview-error">
+      <div style="font-size: 16px;" data-i18n="editor.preview_fail">预览加载失败</div>
+      <div id="preview-error-msg" style="font-size: 13px; color: rgba(255,255,255,0.5);"></div>
+      <button onclick="window.close()" data-i18n="editor.close_window">关闭窗口</button>
+    </div>
+  </div>
+</body>
+</html>

package/town-frontend/dist/town.html ADDED Viewed

@@ -0,0 +1,165 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
+  <meta name="apple-mobile-web-app-capable" content="yes" />
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+  <meta name="theme-color" content="#1a1a2e" />
+  <title>Agentshire</title>
+  <link rel="icon" href="./assets/logo-DJI6EtST.png" />
+  <style>
+    body { margin: 0; background: #1e1e1e; overflow: hidden; }
+    #game-root { width: 100%; height: 100vh; }
+    #back-btn, #progress-bar, #progress-label, #npc-card,
+    #town-init-loading, #tab-settings,
+    #town-setup-overlay, #game-publish-overlay, #media-publish-overlay,
+    #media-lightbox, #scene-fade { display: none; }
+    #loading-screen {
+      position: absolute; inset: 0; z-index: 1000;
+      display: flex; flex-direction: column; align-items: center; justify-content: center;
+      background: #1e1e1e; font-family: system-ui, -apple-system, sans-serif;
+    }
+    .loading-label { color: rgba(212,165,116,0.5); font-size: 20px; font-weight: 900; letter-spacing: 0.3em; }
+    .loading-dots .dot { opacity: 0; }
+    #town-bottom-panel { position: fixed; bottom: 0; left: 0; right: 0; z-index: 100; }
+  </style>
+  <script type="module" crossorigin src="./assets/town-BKesnERP.js"></script>
+  <link rel="modulepreload" crossorigin href="./assets/index-BWfrufil.js">
+  <link rel="modulepreload" crossorigin href="./assets/command-parser-BUd15Bmv.js">
+  <link rel="modulepreload" crossorigin href="./assets/GLTFLoader-BA5RqSME.js">
+  <link rel="modulepreload" crossorigin href="./assets/SkeletonUtils-BCVmgslc.js">
+  <link rel="modulepreload" crossorigin href="./assets/character-catalog-DSmLtlNC.js">
+  <link rel="modulepreload" crossorigin href="./assets/WeatherSystem-Cb3BvHes.js">
+  <link rel="stylesheet" crossorigin href="./assets/town-BnswKsjF.css">
+</head>
+<body>
+  <div id="game-root">
+    <div id="main-content">
+      <div id="game-container" tabindex="0"></div>
+      <div id="scene-fade"></div>
+      <button id="back-btn">← Back</button>
+      <div id="progress-bar"><div class="fill" style="width:0%"></div></div>
+      <div id="progress-label"></div>
+      <div id="npc-card"></div>
+      <div id="loading-screen">
+        <div class="capybara-wrap">
+          <div class="capybara-shadow"></div>
+          <div class="capybara-bounce">
+            <svg width="200" height="200" viewBox="0 0 300 300" style="overflow:visible">
+              <path class="steam steam-1" d="M 140 5 Q 130 -10, 145 -20 T 140 -40" fill="none" stroke="#D4A574" stroke-width="6" stroke-linecap="round" pathLength="1"/>
+              <path class="steam steam-2" d="M 165 0 Q 180 -15, 160 -25 T 165 -45" fill="none" stroke="#D4A574" stroke-width="6" stroke-linecap="round" pathLength="1"/>
+              <path d="M 95 90 C 80 65, 50 75, 65 105" fill="#282420" stroke="#D4A574" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/>
+              <path d="M 205 90 C 220 65, 250 75, 235 105" fill="#282420" stroke="#D4A574" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/>
+              <path d="M 100 250 C 30 250, 20 130, 80 90 C 105 75, 130 70, 150 70 C 170 70, 195 75, 220 90 C 280 130, 270 250, 200 250 Z" fill="#282420" stroke="#D4A574" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/>
+              <g stroke="#D4A574" stroke-width="8" fill="#282420" stroke-linejoin="round" stroke-linecap="round">
+                <path d="M 115 70 L 115 30 C 115 25, 120 20, 125 20 L 175 20 C 180 20, 185 25, 185 30 L 185 70 Z"/>
+                <path d="M 185 35 C 210 35, 210 55, 185 55" fill="none"/>
+                <ellipse cx="150" cy="20" rx="30" ry="8" fill="#282420"/>
+                <ellipse cx="150" cy="20" rx="20" ry="4" fill="#D4A574" stroke="none"/>
+              </g>
+              <!-- blush removed -->
+              <ellipse cx="150" cy="175" rx="60" ry="45" fill="#302a24" stroke="#D4A574" stroke-width="8"/>
+              <path d="M 150 165 L 150 190 M 150 190 C 130 190, 120 180, 120 170 M 150 190 C 170 190, 180 180, 180 170" fill="none" stroke="#D4A574" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/>
+              <g stroke="#D4A574" stroke-width="8" stroke-linecap="round" fill="none">
+                <path d="M 70 145 Q 80 145 90 145">
+                  <animate attributeName="d" values="M 70 145 Q 80 145 90 145;M 78 145 Q 80 145 82 145;M 70 145 Q 80 145 90 145;M 70 145 Q 80 145 90 145;M 78 145 Q 80 145 82 145;M 70 145 Q 80 145 90 145;M 70 145 Q 80 145 90 145" keyTimes="0;0.02;0.04;0.08;0.1;0.12;1" dur="6s" repeatCount="indefinite"/>
+                </path>
+                <path d="M 230 145 Q 220 145 210 145">
+                  <animate attributeName="d" values="M 230 145 Q 220 145 210 145;M 222 145 Q 220 145 218 145;M 230 145 Q 220 145 210 145;M 230 145 Q 220 145 210 145;M 222 145 Q 220 145 218 145;M 230 145 Q 220 145 210 145;M 230 145 Q 220 145 210 145" keyTimes="0;0.02;0.04;0.08;0.1;0.12;1" dur="6s" repeatCount="indefinite"/>
+                </path>
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div class="loading-label">LOADING<span class="loading-dots"><span class="dot d1">.</span><span class="dot d2">.</span><span class="dot d3">.</span></span></div>
+      </div>
+      <div id="town-init-loading">
+        <div class="loading-spinner"></div>
+        <div style="color:#fff;font-size:15px;margin-bottom:8px;" data-i18n="loading.init_town">正在初始化小镇...</div>
+        <div style="color:rgba(255,255,255,0.5);font-size:12px;" data-i18n="loading.creating_souls">正在为居民创建人设文件</div>
+      </div>
+      <button id="tab-settings" style="display:none;"></button>
+    </div>
+  </div>
+  <div id="town-setup-overlay">
+    <div class="ts-card" id="ts-card">
+      <!-- Content injected by TownSetupUI -->
+    </div>
+  </div>
+  <div id="game-publish-overlay">
+    <div class="gp-card" style="display:flex;flex-direction:column;align-items:center;">
+      <div class="gp-title" data-i18n="task_done">任务完成</div>
+      <div class="gp-cover-wrap" id="gp-cover-container"></div>
+      <button class="gp-play-btn" id="gp-play-btn" data-i18n="try_now">立即体验</button>
+      <button class="gp-later" id="gp-later-btn" data-i18n="later">稍后再说</button>
+    </div>
+  </div>
+  <div id="media-publish-overlay">
+    <div class="gp-card" id="media-card" style="display:flex;flex-direction:column;align-items:center;max-width:380px;">
+      <div class="gp-title" data-i18n="task_done">任务完成</div>
+      <!-- Single view: preview only -->
+      <div class="media-single-view" id="media-single-view">
+        <div class="media-preview-container" id="media-single-preview"></div>
+      </div>
+      <!-- List view -->
+      <div class="media-list-view" id="media-list-view">
+        <div id="media-list-container"></div>
+      </div>
+      <!-- Buttons as direct gp-card children, same as game card -->
+      <button class="gp-play-btn" id="media-single-download" style="display:none;" data-i18n="download">下 载</button>
+      <button class="gp-later" id="media-single-ignore" style="display:none;" data-i18n="later">稍后再说</button>
+      <button class="gp-later" id="media-list-ignore" style="display:none;" data-i18n="later">稍后再说</button>
+    </div>
+  </div>
+  <div id="media-lightbox">
+    <button id="media-lightbox-close">✕</button>
+    <img id="media-lightbox-img" src="" />
+  </div>
+  <!-- ── Bottom Input Panel (OpenClaw input bar) ── -->
+  <div id="town-bottom-panel">
+    <div id="town-agent-status">
+      <div class="tas-meta">
+        <div class="tas-line">
+          <span class="tas-name" data-i18n="steward">管家</span>
+          <span class="tas-model"></span>
+        </div>
+        <div class="tas-session" id="town-session-label" data-i18n-prefix="session_label">会话: --</div>
+      </div>
+      <div style="position:relative;flex-shrink:0;display:flex;gap:6px;align-items:center;">
+        <button id="town-end-topic-btn" type="button" style="display:none;">结束话题</button>
+        <button id="town-more-btn" type="button" title="More" data-i18n="more_btn">更多 <span style="font-size:10px;">▾</span></button>
+        <div id="town-action-dropdown" style="display:none;"></div>
+      </div>
+    </div>
+    <div id="town-stt-interim"></div>
+    <div id="town-image-preview"></div>
+    <div id="town-input-row">
+      <button id="town-attach-btn" aria-label="Attach image" data-i18n-title="attach_title" title="上传图片">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <rect x="3" y="3" width="18" height="18" rx="2" ry="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/>
+        </svg>
+      </button>
+      <input type="file" id="town-file-input" accept="image/png,image/jpeg,image/webp" multiple hidden>
+      <textarea id="town-input-text" data-i18n-placeholder="input.idle" placeholder="输入消息...." rows="1"></textarea>
+      <button id="town-voice-btn" aria-label="Voice input" data-i18n-title="voice_title" title="语音输入">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"/><path d="M19 10v2a7 7 0 0 1-14 0v-2"/><line x1="12" y1="19" x2="12" y2="23"/><line x1="8" y1="23" x2="16" y2="23"/>
+        </svg>
+      </button>
+      <button id="town-send-btn" aria-label="Send">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <path d="M3.714 3.048a.498.498 0 0 0-.683.627l2.843 7.627a2 2 0 0 1 0 1.396l-2.842 7.627a.498.498 0 0 0 .682.627l18-8.5a.5.5 0 0 0 0-.904z"/><path d="M6 12h16"/>
+        </svg>
+      </button>
+    </div>
+  </div>
+</body>
+</html>

package/town-frontend/dist/viewer.html ADDED Viewed

@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>文档查看器</title>
+<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+<style>
+  * { margin: 0; padding: 0; box-sizing: border-box; }
+  body {
+    background: #0a0a12; color: #e8e8f0;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+    padding: 32px; max-width: 800px; margin: 0 auto; line-height: 1.7;
+  }
+  .loading { color: #6a6a8a; font-size: 14px; }
+  .error { color: #f87171; font-size: 14px; }
+  #content h1 { font-size: 28px; margin: 24px 0 16px; color: #fff; }
+  #content h2 { font-size: 22px; margin: 20px 0 12px; color: #e8e8f0; border-bottom: 1px solid #1a1a2e; padding-bottom: 8px; }
+  #content h3 { font-size: 18px; margin: 16px 0 8px; color: #e8e8f0; }
+  #content p { margin: 8px 0; color: #c8c8d8; }
+  #content ul, #content ol { margin: 8px 0 8px 24px; color: #c8c8d8; }
+  #content li { margin: 4px 0; }
+  #content code { background: rgba(255,255,255,0.08); padding: 2px 6px; border-radius: 4px; font-size: 13px; }
+  #content pre { background: rgba(255,255,255,0.05); padding: 16px; border-radius: 8px; overflow-x: auto; margin: 12px 0; }
+  #content pre code { background: none; padding: 0; }
+  #content blockquote { border-left: 3px solid #45E796; padding-left: 16px; margin: 12px 0; color: #a8a8c0; }
+  #content a { color: #00d4ff; text-decoration: none; }
+  #content a:hover { text-decoration: underline; }
+  #content hr { border: none; border-top: 1px solid #1a1a2e; margin: 20px 0; }
+  #content img { max-width: 100%; border-radius: 8px; margin: 12px 0; }
+  #content table { border-collapse: collapse; width: 100%; margin: 12px 0; }
+  #content th, #content td { border: 1px solid #1a1a2e; padding: 8px 12px; text-align: left; }
+  #content th { background: rgba(255,255,255,0.05); }
+  .toolbar { display: flex; gap: 12px; margin-bottom: 24px; align-items: center; }
+  .toolbar .filename { font-size: 13px; color: #6a6a8a; flex: 1; }
+  .toolbar button { background: rgba(255,255,255,0.1); color: #e8e8f0; border: none; padding: 6px 16px; border-radius: 6px; font-size: 12px; cursor: pointer; }
+  .toolbar button:hover { background: rgba(255,255,255,0.15); }
+</style>
+</head>
+<body>
+<div class="toolbar">
+  <span class="filename" id="filename">加载中...</span>
+  <button onclick="downloadRaw()">下载原文件</button>
+</div>
+<div id="content"><span class="loading">加载文档中...</span></div>
+<script>
+const params = new URLSearchParams(location.search);
+const filePath = params.get('file');
+let rawUrl = '';
+async function loadDocument() {
+  const contentEl = document.getElementById('content');
+  const filenameEl = document.getElementById('filename');
+  if (!filePath) {
+    contentEl.innerHTML = '<span class="error">缺少 file 参数。用法: /viewer.html?file=/steward-workspace/tasks/xxx/article.md</span>';
+    return;
+  }
+  rawUrl = new URL(filePath, location.origin).href;
+  const fileName = filePath.split('/').pop() || filePath;
+  filenameEl.textContent = fileName;
+  document.title = fileName + ' — 文档查看器';
+  try {
+    const resp = await fetch(rawUrl);
+    if (!resp.ok) throw new Error(`HTTP ${resp.status}`);
+    const text = await resp.text();
+    if (fileName.endsWith('.md')) {
+      contentEl.innerHTML = marked.parse(text);
+    } else {
+      contentEl.innerHTML = '<pre><code>' + text.replace(/</g, '&lt;').replace(/>/g, '&gt;') + '</code></pre>';
+    }
+  } catch (err) {
+    contentEl.innerHTML = `<span class="error">加载失败: ${err.message}<br><br>URL: ${rawUrl}</span>`;
+  }
+}
+function downloadRaw() {
+  if (rawUrl) window.open(rawUrl, '_blank');
+}
+loadDocument();
+</script>
+</body>
+</html>