@qilin-agent/web-frontend 0.0.0-stage → 3.1.4

package/dist/favicon.svg

@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
+  <!-- QiLin brand stamp: a cinnabar seal with a gold hairline ring and the 麒 and
+       麟 glyph outlines in warm white. The outlines are the same unit-box paths
+       packages/client/ui-brand/src/client/glyphs.ts draws, so the tab icon and the
+       in-app mark stay one shape and neither depends on a font. -->
+  <defs>
+    <linearGradient id="bgGrad" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#d4503d"/>
+      <stop offset="55%" stop-color="#c3402f"/>
+      <stop offset="100%" stop-color="#a23526"/>
+    </linearGradient>
+  </defs>
+
+  <rect width="512" height="512" rx="110" ry="110" fill="url(#bgGrad)"/>
+  <ellipse cx="256" cy="-40" rx="300" ry="150" fill="#fff5eb" opacity="0.08"/>
+  <rect x="20" y="20" width="472" height="472" rx="92" ry="92" fill="none" stroke="#f3dc9e" stroke-opacity="0.5" stroke-width="8"/>
+
+  <path d="M0.42 0.84Q0.42 0.86 0.45 0.86Q0.47 0.86 0.48 0.86Q0.49 0.86 0.5 0.85Q0.5 0.84 0.51 0.83Q0.51 0.81 0.51 0.79Q0.53 0.81 0.55 0.81Q0.56 0.82 0.59 0.82Q0.57 0.85 0.56 0.88Q0.55 0.9 0.53 0.91Q0.52 0.93 0.49 0.93Q0.47 0.94 0.44 0.94Q0.41 0.94 0.39 0.93Q0.38 0.93 0.37 0.92Q0.36 0.92 0.35 0.91Q0.35 0.9 0.35 0.89V0.63Q0.35 0.61 0.35 0.59Q0.35 0.58 0.35 0.57Q0.35 0.56 0.35 0.55Q0.35 0.54 0.34 0.54Q0.37 0.54 0.39 0.54Q0.4 0.54 0.42 0.54Q0.44 0.54 0.44 0.55Q0.44 0.55 0.43 0.56Q0.42 0.57 0.42 0.61V0.68Q0.44 0.65 0.46 0.63Q0.47 0.61 0.48 0.59Q0.49 0.61 0.51 0.62Q0.52 0.63 0.54 0.64Q0.55 0.64 0.55 0.65Q0.54 0.65 0.54 0.65Q0.53 0.65 0.53 0.66Q0.52 0.66 0.51 0.67Q0.5 0.68 0.48 0.7Q0.45 0.73 0.42 0.76ZM0.92 0.99Q0.9 0.95 0.87 0.9Q0.84 0.85 0.79 0.8L0.86 0.76Q0.9 0.81 0.94 0.86Q0.97 0.9 1 0.94ZM0.74 0.81Q0.74 0.81 0.73 0.82Q0.72 0.83 0.7 0.85Q0.68 0.87 0.66 0.91Q0.63 0.94 0.59 1Q0.57 0.98 0.55 0.97Q0.54 0.96 0.51 0.95Q0.54 0.93 0.56 0.91Q0.58 0.89 0.6 0.86Q0.62 0.84 0.63 0.82Q0.65 0.79 0.66 0.76Q0.68 0.77 0.7 0.78Q0.72 0.79 0.74 0.79Q0.75 0.8 0.75 0.8Q0.75 0.81 0.74 0.81ZM0.25 0.84Q0.26 0.83 0.28 0.82Q0.29 0.81 0.3 0.8Q0.3 0.81 0.31 0.83Q0.32 0.84 0.33 0.86L0.25 0.92Q0.23 0.93 0.21 0.95Q0.19 0.97 0.18 0.97Q0.17 0.96 0.16 0.94Q0.15 0.92 0.14 0.91Q0.15 0.9 0.16 0.9Q0.17 0.89 0.18 0.89V0.65Q0.18 0.58 0.18 0.55Q0.2 0.55 0.22 0.55Q0.24 0.55 0.26 0.55Q0.27 0.55 0.27 0.55Q0.27 0.56 0.27 0.56Q0.26 0.57 0.25 0.58Q0.25 0.58 0.25 0.59V0.64Q0.29 0.64 0.31 0.64Q0.32 0.64 0.33 0.64V0.71Q0.32 0.71 0.3 0.71Q0.28 0.71 0.25 0.71ZM0.61 0.15Q0.61 0.11 0.61 0.07Q0.61 0.03 0.6 0.01Q0.63 0.01 0.65 0.01Q0.67 0.01 0.69 0.01Q0.7 0.01 0.7 0.01Q0.71 0.02 0.7 0.03Q0.69 0.03 0.69 0.04Q0.68 0.05 0.68 0.06V0.15H0.84Q0.84 0.09 0.84 0.05Q0.83 0.02 0.83 0Q0.86 0.01 0.88 0.01Q0.9 0.01 0.93 0.01Q0.94 0.01 0.94 0.01Q0.95 0.02 0.94 0.02Q0.93 0.03 0.92 0.04Q0.92 0.05 0.92 0.06V0.15Q0.93 0.15 0.95 0.14Q0.97 0.14 0.99 0.14V0.21Q0.97 0.21 0.95 0.21Q0.93 0.21 0.92 0.21V0.67Q0.93 0.67 0.96 0.67Q0.98 0.67 1 0.67V0.75Q0.98 0.74 0.97 0.74Q0.95 0.74 0.92 0.74Q0.9 0.74 0.86 0.74Q0.82 0.74 0.76 0.74Q0.7 0.74 0.67 0.74Q0.63 0.74 0.6 0.74Q0.58 0.74 0.56 0.74Q0.55 0.74 0.53 0.75V0.67Q0.55 0.67 0.57 0.67Q0.6 0.67 0.61 0.67V0.21Q0.6 0.21 0.58 0.21Q0.56 0.21 0.54 0.21V0.14Q0.56 0.14 0.58 0.14Q0.6 0.15 0.61 0.15ZM0.68 0.67H0.84V0.55H0.68ZM0.84 0.31V0.21H0.68V0.31ZM0.68 0.38V0.49H0.84V0.38ZM0.49 0.47V0.35H0.42V0.47ZM0.35 0.47V0.35H0.28V0.47ZM0.13 0.35Q0.13 0.38 0.13 0.41Q0.13 0.44 0.13 0.47H0.22V0.35ZM0.13 0.17V0.3H0.22V0.17ZM0.42 0.3Q0.44 0.3 0.46 0.3Q0.48 0.29 0.49 0.29Q0.51 0.29 0.53 0.29Q0.54 0.29 0.55 0.29Q0.55 0.3 0.55 0.34Q0.55 0.37 0.55 0.41Q0.55 0.45 0.55 0.48Q0.55 0.52 0.55 0.53Q0.53 0.53 0.48 0.53Q0.43 0.52 0.38 0.52H0.13Q0.13 0.61 0.12 0.68Q0.12 0.74 0.11 0.79Q0.1 0.84 0.09 0.88Q0.08 0.92 0.06 0.96Q0.04 0.94 0.03 0.92Q0.01 0.91 0 0.89Q0.02 0.86 0.03 0.83Q0.04 0.8 0.05 0.76Q0.06 0.72 0.06 0.67Q0.06 0.62 0.07 0.54Q0.07 0.46 0.07 0.36Q0.07 0.25 0.06 0.11Q0.08 0.11 0.14 0.11Q0.19 0.11 0.27 0.11Q0.26 0.09 0.25 0.06Q0.24 0.04 0.22 0.02L0.32 0Q0.32 0.02 0.33 0.05Q0.34 0.08 0.35 0.11Q0.39 0.11 0.42 0.11Q0.45 0.11 0.47 0.11Q0.49 0.11 0.5 0.11Q0.51 0.1 0.52 0.1V0.18Q0.51 0.18 0.48 0.18Q0.45 0.18 0.42 0.18ZM0.28 0.17V0.3H0.35V0.17Z" fill="#fff5eb" transform="translate(48.64 153.60) scale(204.80)"/>
+  <path d="M0.53 0.66Q0.55 0.68 0.57 0.71Q0.59 0.73 0.6 0.74Q0.61 0.71 0.61 0.68Q0.61 0.65 0.61 0.62H0.55Q0.54 0.63 0.54 0.64Q0.53 0.65 0.53 0.66ZM0.25 0.18V0.28H0.31V0.18ZM0.13 0.18V0.28H0.19V0.18ZM0.13 0.44H0.19V0.34H0.13ZM0.31 0.44V0.34H0.25V0.44ZM0.42 0.44V0.34H0.37V0.44ZM0.83 0.76V0.62Q0.79 0.62 0.76 0.62Q0.74 0.63 0.72 0.63V0.55Q0.76 0.56 0.83 0.56Q0.83 0.52 0.83 0.5Q0.83 0.48 0.82 0.47Q0.87 0.48 0.9 0.47Q0.92 0.47 0.92 0.48Q0.92 0.48 0.91 0.49Q0.9 0.5 0.9 0.5Q0.9 0.51 0.9 0.52V0.56Q0.92 0.56 0.94 0.56Q0.97 0.56 0.99 0.55V0.63Q0.97 0.63 0.95 0.63Q0.93 0.62 0.9 0.62V0.76Q0.92 0.76 0.95 0.75Q0.98 0.75 1 0.75V0.83Q0.99 0.83 0.96 0.82Q0.93 0.82 0.9 0.82Q0.9 0.85 0.9 0.88Q0.9 0.9 0.9 0.92Q0.9 0.93 0.9 0.95Q0.9 0.96 0.91 0.98H0.82Q0.83 0.96 0.83 0.95Q0.83 0.94 0.83 0.92Q0.83 0.9 0.83 0.88Q0.83 0.86 0.83 0.82H0.77Q0.77 0.83 0.77 0.83Q0.77 0.83 0.77 0.84L0.7 0.84Q0.71 0.78 0.71 0.74Q0.71 0.7 0.71 0.66Q0.74 0.67 0.78 0.67Q0.79 0.66 0.79 0.67Q0.79 0.67 0.78 0.68Q0.78 0.69 0.78 0.7Q0.78 0.72 0.77 0.76ZM0.37 0.62Q0.39 0.6 0.41 0.59Q0.43 0.58 0.44 0.56Q0.46 0.59 0.48 0.61Q0.5 0.58 0.51 0.55Q0.52 0.52 0.53 0.48Q0.57 0.49 0.6 0.5Q0.62 0.5 0.6 0.52Q0.59 0.52 0.59 0.53Q0.58 0.54 0.58 0.56Q0.63 0.56 0.65 0.56Q0.67 0.55 0.68 0.55Q0.68 0.64 0.67 0.7Q0.66 0.77 0.64 0.82Q0.62 0.87 0.58 0.91Q0.54 0.96 0.47 0.99Q0.46 0.97 0.44 0.96Q0.43 0.94 0.41 0.93Q0.47 0.91 0.51 0.88Q0.55 0.85 0.57 0.81Q0.56 0.79 0.54 0.77Q0.52 0.74 0.49 0.72Q0.49 0.72 0.49 0.73Q0.49 0.73 0.48 0.73Q0.47 0.72 0.46 0.71Q0.45 0.7 0.43 0.7Q0.46 0.66 0.47 0.63Q0.46 0.64 0.43 0.65Q0.41 0.66 0.37 0.68V0.81Q0.37 0.83 0.38 0.83Q0.39 0.84 0.41 0.84Q0.42 0.84 0.43 0.83Q0.44 0.81 0.45 0.78Q0.46 0.79 0.47 0.8Q0.49 0.8 0.51 0.81Q0.5 0.84 0.49 0.85Q0.48 0.87 0.46 0.88Q0.45 0.89 0.44 0.9Q0.43 0.9 0.41 0.9Q0.38 0.9 0.36 0.9Q0.34 0.89 0.33 0.89Q0.32 0.88 0.31 0.86Q0.31 0.85 0.31 0.82V0.51H0.12Q0.12 0.61 0.12 0.68Q0.12 0.75 0.11 0.79Q0.1 0.84 0.09 0.87Q0.08 0.91 0.07 0.95Q0.05 0.91 0.03 0.9Q0.02 0.88 0 0.88Q0.05 0.79 0.06 0.59Q0.07 0.4 0.05 0.11Q0.06 0.11 0.11 0.12Q0.16 0.12 0.25 0.12Q0.24 0.1 0.23 0.08Q0.22 0.06 0.2 0.04L0.3 0.01Q0.31 0.04 0.32 0.06Q0.33 0.09 0.34 0.12Q0.39 0.12 0.44 0.12Q0.48 0.11 0.5 0.11V0.19Q0.49 0.19 0.47 0.19Q0.46 0.18 0.44 0.18Q0.42 0.18 0.4 0.18Q0.38 0.18 0.37 0.18V0.28Q0.4 0.28 0.43 0.27Q0.47 0.27 0.48 0.27Q0.48 0.28 0.48 0.29Q0.48 0.3 0.48 0.31Q0.48 0.32 0.48 0.34Q0.48 0.36 0.48 0.39Q0.48 0.42 0.48 0.44Q0.48 0.46 0.48 0.48Q0.48 0.49 0.48 0.5Q0.48 0.51 0.48 0.52Q0.45 0.51 0.37 0.51ZM0.22 0.62Q0.25 0.62 0.27 0.62Q0.28 0.62 0.3 0.62Q0.3 0.63 0.3 0.65Q0.3 0.66 0.3 0.68Q0.28 0.68 0.27 0.68Q0.25 0.68 0.22 0.68V0.82Q0.24 0.81 0.26 0.8Q0.28 0.79 0.3 0.78Q0.3 0.8 0.3 0.81Q0.3 0.82 0.31 0.84L0.21 0.89Q0.19 0.9 0.18 0.91Q0.16 0.92 0.15 0.93Q0.15 0.91 0.14 0.9Q0.13 0.88 0.12 0.85Q0.14 0.85 0.16 0.84V0.65Q0.16 0.54 0.15 0.51Q0.19 0.52 0.22 0.52Q0.23 0.52 0.23 0.52Q0.23 0.53 0.23 0.53Q0.22 0.54 0.22 0.55Q0.22 0.55 0.22 0.56ZM0.57 0.04Q0.59 0.07 0.61 0.1Q0.63 0.14 0.64 0.17L0.57 0.2Q0.56 0.14 0.51 0.08ZM0.93 0.06Q0.94 0.06 0.94 0.07Q0.94 0.08 0.93 0.08Q0.92 0.08 0.92 0.08Q0.91 0.09 0.9 0.1Q0.89 0.11 0.88 0.14Q0.87 0.16 0.85 0.19Q0.83 0.18 0.82 0.17Q0.8 0.17 0.78 0.16Q0.8 0.13 0.82 0.1Q0.83 0.07 0.84 0.03Q0.85 0.03 0.86 0.04Q0.87 0.04 0.89 0.05Q0.9 0.05 0.91 0.05Q0.92 0.06 0.93 0.06ZM0.68 0.27Q0.66 0.31 0.65 0.33Q0.64 0.36 0.63 0.38Q0.61 0.4 0.59 0.42Q0.57 0.44 0.53 0.47Q0.52 0.45 0.52 0.44Q0.51 0.43 0.49 0.42Q0.51 0.4 0.53 0.39Q0.55 0.37 0.57 0.35Q0.58 0.33 0.6 0.31Q0.61 0.29 0.63 0.27Q0.61 0.27 0.59 0.27Q0.57 0.27 0.56 0.27Q0.54 0.27 0.52 0.27Q0.51 0.28 0.5 0.28V0.2Q0.51 0.2 0.52 0.21Q0.53 0.21 0.55 0.21Q0.57 0.21 0.6 0.21Q0.63 0.21 0.68 0.21V0.15Q0.68 0.09 0.68 0.07Q0.67 0.04 0.67 0.02Q0.69 0.02 0.71 0.02Q0.74 0.02 0.75 0.02Q0.76 0.02 0.77 0.03Q0.77 0.03 0.76 0.04Q0.75 0.05 0.75 0.06Q0.75 0.07 0.75 0.09V0.21Q0.81 0.21 0.85 0.21Q0.9 0.21 0.92 0.21Q0.94 0.21 0.95 0.21Q0.97 0.2 0.97 0.2V0.28Q0.97 0.27 0.95 0.27Q0.94 0.27 0.92 0.27Q0.9 0.27 0.87 0.27Q0.85 0.27 0.81 0.27Q0.83 0.29 0.84 0.31Q0.86 0.32 0.88 0.34Q0.9 0.35 0.93 0.36Q0.95 0.37 0.99 0.37Q0.97 0.39 0.96 0.41Q0.95 0.43 0.94 0.46Q0.87 0.43 0.83 0.38Q0.78 0.34 0.75 0.27H0.75V0.35Q0.75 0.4 0.75 0.44Q0.75 0.47 0.75 0.5H0.67Q0.67 0.47 0.68 0.43Q0.68 0.4 0.68 0.35Z" fill="#fff5eb" transform="translate(258.56 153.60) scale(204.80)"/>
+</svg>

package/dist/index.html

@@ -0,0 +1,18 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="manifest" href="./manifest.webmanifest" />
+    <link rel="icon" type="image/svg+xml" href="./favicon.svg" />
+    <title>QiLin</title>
+    <script type="module" crossorigin src="./assets/index-DbrDT1zR.js"></script>
+    <link rel="modulepreload" crossorigin href="./assets/modulepreload-polyfill-B5Qt9EMX.js">
+    <link rel="modulepreload" crossorigin href="./assets/vendor-Do3oIcgg.js">
+    <link rel="stylesheet" crossorigin href="./assets/vendor-BNsW4eBh.css">
+    <link rel="stylesheet" crossorigin href="./assets/index-CY09H1-g.css">
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>

package/dist/landing.html

@@ -0,0 +1,330 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>QiLin</title>
+    <noscript>
+      <!-- Without the module, no observer swaps data-reveal for its visible
+           state; show every section at rest instead of hiding the page. -->
+      <style>[data-reveal] { opacity: 1; transform: none; filter: none; }</style>
+    </noscript>
+    <script>
+      // Pre-paint theme resolution: dark 玄金 is the default; a stored 'light'
+      // choice flips the document root before first paint. Runs before any
+      // visible node exists, so no string beyond the storage key.
+      (() => {
+        try {
+          if (localStorage.getItem('ql-theme') === 'light') {
+            document.documentElement.dataset.qlTheme = 'light'
+            document.documentElement.style.colorScheme = 'light'
+          }
+        } catch { /* storage unavailable: keep the dark default */ }
+      })()
+    </script>
+    <script type="module" crossorigin src="./assets/landing-fNu3vaMa.js"></script>
+    <link rel="modulepreload" crossorigin href="./assets/modulepreload-polyfill-B5Qt9EMX.js">
+    <link rel="modulepreload" crossorigin href="./assets/theme-preference-ibuAs-9X.js">
+    <link rel="stylesheet" crossorigin href="./assets/landing-PYI0wT8w.css">
+  </head>
+  <body>
+    <div class="page">
+      <div class="page__backdrop" aria-hidden="true">
+        <div class="page__glow"></div>
+        <div class="page__grid"></div>
+        <svg class="page__scale" width="260" height="180" aria-hidden="true" focusable="false">
+          <defs>
+            <pattern id="landing-scale" width="24" height="16" patternUnits="userSpaceOnUse">
+              <path d="M0 16a12 12 0 0 1 24 0M-12 8a12 12 0 0 1 24 0M12 8a12 12 0 0 1 24 0M0 0a12 12 0 0 1 24 0" fill="none" stroke="var(--ql-gold-500)" stroke-width="1" />
+            </pattern>
+          </defs>
+          <rect width="100%" height="100%" fill="url(#landing-scale)" opacity="0.05" />
+        </svg>
+      </div>
+      <div class="page__body">
+        <header class="site-header" data-header>
+          <a class="site-header__home" href="/">
+            <span class="site-header__wordmark">QiLin</span>
+            <svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+              <!-- The header mark is the outlined seal, as the 2.0.x page drew it:
+                   a cinnabar-bright frame over transparent fill. -->
+              <rect x="1" y="1" width="22" height="22" rx="3.5" fill="none" stroke="var(--ql-cinnabar-hi)" stroke-width="1.5" />
+              <text x="7.1" y="15.4" text-anchor="middle" font-size="9.6" font-weight="700" fill="var(--ql-cinnabar-hi)" font-family="'Noto Serif SC','Songti SC','STSong',serif">麒</text>
+              <text x="16.9" y="15.4" text-anchor="middle" font-size="9.6" font-weight="700" fill="var(--ql-cinnabar-hi)" font-family="'Noto Serif SC','Songti SC','STSong',serif">麟</text>
+            </svg>
+          </a>
+          <div class="site-header__actions">
+            <button
+              class="site-header__toggle"
+              type="button"
+              data-theme-toggle
+              aria-label="切换到浅色主题"
+              data-label-to-light="切换到浅色主题"
+              data-label-to-dark="切换到深色主题"
+            >
+              <svg class="toggle-glyph--sun" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true" focusable="false">
+                <circle cx="12" cy="12" r="4" />
+                <path d="M12 2v2m0 16v2M4.9 4.9l1.4 1.4m11.4 11.4 1.4 1.4M2 12h2m16 0h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4" />
+              </svg>
+              <svg class="toggle-glyph--moon" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">
+                <path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" />
+              </svg>
+            </button>
+            <a class="site-header__link" href="/workspace" data-entry-cta>进入控制台 →</a>
+          </div>
+          <hr class="site-header__rule" />
+        </header>
+        <main class="site-main">
+          <section class="hero">
+            <div class="hero__intro">
+              <p class="hero__kicker" data-reveal>✦ QILIN · AUTONOMOUS AGENT ENGINE</p>
+              <h1 class="hero__headline" data-reveal style="--reveal-delay: 60ms">
+                <span class="word-rotate" data-words="深度研究|采集数据|分析数据|生成网页|氛围编程|制作幻灯片|生成图像|生成播客|生成视频|创作歌曲|整理邮件|做任何事|学任何东西" aria-live="off">
+                  <span class="word-rotate__word">深度研究</span>
+                </span>
+                <span class="hero__headline-accent">就用 QiLin</span>
+              </h1>
+              <p class="hero__tagline" data-reveal style="--reveal-delay: 120ms">一个开源的智能体编排平台，由沙箱、记忆、工具、技能和子智能体驱动，可自主完成从数分钟到数小时的复杂任务。</p>
+              <div class="hero__actions" data-reveal style="--reveal-delay: 180ms">
+                <a class="hero__cta" href="/workspace" data-entry-cta>
+                  <span>探索平台</span>
+                  <svg class="hero__cta-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">
+                    <path d="m9 5 7 7-7 7" />
+                  </svg>
+                </a>
+                <a class="hero__ghost" href="https://github.com/kkutysllb/QiLin" target="_blank" rel="noreferrer">
+                  <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false">
+                    <path d="M12 2C6.48 2 2 6.58 2 12.25c0 4.53 2.87 8.37 6.84 9.73.5.1.68-.22.68-.49l-.01-1.72c-2.78.62-3.37-1.37-3.37-1.37-.46-1.18-1.11-1.5-1.11-1.5-.91-.64.07-.62.07-.62 1 .07 1.53 1.06 1.53 1.06.9 1.57 2.36 1.12 2.94.86.09-.67.35-1.12.63-1.38-2.22-.26-4.56-1.14-4.56-5.07 0-1.12.39-2.03 1.03-2.75-.1-.26-.45-1.3.1-2.71 0 0 .84-.28 2.75 1.05a9.36 9.36 0 0 1 5 0c1.91-1.33 2.75-1.05 2.75-1.05.55 1.41.2 2.45.1 2.71.64.72 1.03 1.63 1.03 2.75 0 3.94-2.34 4.8-4.57 5.06.36.32.68.94.68 1.9l-.01 2.81c0 .27.18.6.69.49A10.02 10.02 0 0 0 22 12.25C22 6.58 17.52 2 12 2Z" />
+                  </svg>
+                  <span>GitHub</span>
+                </a>
+              </div>
+              <div class="hero__tags" data-reveal style="--reveal-delay: 240ms">
+                <span class="hero__tag">[ 多沙箱隔离 ]</span>
+                <span class="hero__tag">[ 多模型 ]</span>
+                <span class="hero__tag">[ MIT 开源 ]</span>
+                <span class="hero__tag hero__tag--nmo" lang="en">[ Native ]</span>
+                <span class="hero__tag hero__tag--nmo" lang="en">[ Minimal ]</span>
+                <span class="hero__tag hero__tag--nmo" lang="en">[ Open ]</span>
+              </div>
+            </div>
+          </section>
+          <section class="showcase" aria-label="QiLin 工作区真实界面">
+            <div class="showcase__glow" aria-hidden="true"></div>
+            <figure class="window" data-reveal>
+              <div class="window__bar" aria-hidden="true">
+                <span class="window__dot window__dot--r"></span>
+                <span class="window__dot window__dot--y"></span>
+                <span class="window__dot window__dot--g"></span>
+                <span class="window__title">QiLin — 工作区</span>
+              </div>
+              <img
+                class="window__shot"
+                src="./assets/workspace-turn-CzZifVn4.png"
+                alt="QiLin 工作区：一轮任务里智能体思考、读写文件、执行命令，最后交付四个改动文件"
+                width="3360" height="2360" decoding="async"
+              />
+            </figure>
+          </section>
+          <section class="caps">
+            <header class="caps__head" data-reveal>
+              <h2 class="caps__title">扩展能力，按你的方式工作</h2>
+              <p class="caps__sub">从一次对话到一个工作流，QiLin 把复杂任务拆成可观察、可干预、可复跑的一步步执行。</p>
+            </header>
+            <div class="caps__stack">
+              <article class="cap" data-reveal>
+                <div class="cap__copy">
+                  <p class="cap__index">01</p>
+                  <h3 class="cap__title">目标、清单与定时任务</h3>
+                  <p class="cap__desc">智能体把长期目标、待办清单和定时提醒直接摆进对话。每一项都有状态与轮次，随时查看、修改、续跑。</p>
+                  <ul class="cap__points">
+                    <li>目标卡跟踪执行轮次与状态</li>
+                    <li>任务清单实时勾画进度</li>
+                    <li>定时任务按计划自动续办</li>
+                  </ul>
+                </div>
+                <figure class="window window--card">
+                  <div class="window__bar" aria-hidden="true">
+                    <span class="window__dot window__dot--r"></span>
+                    <span class="window__dot window__dot--y"></span>
+                    <span class="window__dot window__dot--g"></span>
+                    <span class="window__title">目标 · 清单 · 提醒</span>
+                  </div>
+                  <img
+                    class="window__shot"
+                    src="./assets/task-cards-BECRrQHh.png"
+                    alt="对话中的三张工具卡片：目标卡、任务清单和定时任务提醒"
+                    width="2880" height="1920" loading="lazy" decoding="async"
+                  />
+                </figure>
+              </article>
+              <article class="cap cap--flip" data-reveal>
+                <div class="cap__copy">
+                  <p class="cap__index">02</p>
+                  <h3 class="cap__title">工作流编排，子智能体协同</h3>
+                  <p class="cap__desc">用一段脚本声明阶段和子任务，QiLin 拉起子智能体并行执行。运行过程、阶段与成员状态全程留痕，可展开检查。</p>
+                  <ul class="cap__points">
+                    <li>阶段化工作流，成员状态实时可见</li>
+                    <li>子智能体会话随时切换查看</li>
+                    <li>运行记录持久保留，可回放审计</li>
+                  </ul>
+                </div>
+                <figure class="window window--card">
+                  <div class="window__bar" aria-hidden="true">
+                    <span class="window__dot window__dot--r"></span>
+                    <span class="window__dot window__dot--y"></span>
+                    <span class="window__dot window__dot--g"></span>
+                    <span class="window__title">工作流 · snapshot-flow</span>
+                  </div>
+                  <img
+                    class="window__shot"
+                    src="./assets/workflow-run-CWHKQvpc.png"
+                    alt="一次工作流运行的执行轨迹：运行工作流工具行、阶段与成员完成状态"
+                    width="2880" height="1920" loading="lazy" decoding="async"
+                  />
+                </figure>
+              </article>
+            </div>
+          </section>
+          <section class="features">
+            <div class="features__grid">
+              <article class="feature" data-reveal>
+                <div class="feature__head">
+                  <span class="feature__index">01</span>
+                  <svg class="feature__icon" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">
+                    <path d="M12 5.5a3.4 3.4 0 0 0-6 1.1 3.4 3.4 0 0 0-1.7 4.4 3.4 3.4 0 0 0 2 5.4 3.4 3.4 0 0 0 5.7 2.1" />
+                    <path d="M12 5.5a3.4 3.4 0 0 1 6 1.1 3.4 3.4 0 0 1 1.7 4.4 3.4 3.4 0 0 1-2 5.4 3.4 3.4 0 0 1-5.7 2.1" />
+                    <path d="M12 5.5v13" />
+                  </svg>
+                </div>
+                <h3 class="feature__title">长短期记忆</h3>
+                <p class="feature__desc">跨会话理解你，上下文不断延续</p>
+              </article>
+              <article class="feature" data-reveal style="--reveal-delay: 60ms">
+                <div class="feature__head">
+                  <span class="feature__index">02</span>
+                  <svg class="feature__icon" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">
+                    <circle cx="12" cy="12" r="9" />
+                    <path d="M12 7.25V12l3.25 2" />
+                  </svg>
+                </div>
+                <h3 class="feature__title">规划与子任务</h3>
+                <p class="feature__desc">拆解复杂任务，按序或并行执行</p>
+              </article>
+              <article class="feature" data-reveal style="--reveal-delay: 120ms">
+                <div class="feature__head">
+                  <span class="feature__index">03</span>
+                  <svg class="feature__icon" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">
+                    <rect x="3.5" y="3.5" width="7" height="7" rx="1.5" />
+                    <rect x="13.5" y="3.5" width="7" height="7" rx="1.5" />
+                    <rect x="3.5" y="13.5" width="7" height="7" rx="1.5" />
+                    <rect x="13.5" y="13.5" width="7" height="7" rx="1.5" />
+                  </svg>
+                </div>
+                <h3 class="feature__title">技能与工具</h3>
+                <p class="feature__desc">内置技能库 + MCP，按需渐进加载</p>
+              </article>
+              <article class="feature" data-reveal style="--reveal-delay: 180ms">
+                <div class="feature__head">
+                  <span class="feature__index">04</span>
+                  <svg class="feature__icon" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">
+                    <path d="M5.6 11.5l1.7-6.1A2 2 0 0 1 9.2 4h5.6a2 2 0 0 1 1.9 1.4l1.7 6.1" />
+                    <rect x="3" y="11.5" width="18" height="8" rx="2" />
+                    <path d="M6.6 15.5h2.2" />
+                  </svg>
+                </div>
+                <h3 class="feature__title">沙箱环境</h3>
+                <p class="feature__desc">多后端隔离：本地、Docker 与云端沙箱</p>
+              </article>
+              <article class="feature" data-reveal style="--reveal-delay: 240ms">
+                <div class="feature__head">
+                  <span class="feature__index">05</span>
+                  <svg class="feature__icon" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">
+                    <path d="M12 3.5 20.5 8 12 12.5 3.5 8z" />
+                    <path d="m3.5 12 8.5 4.5 8.5-4.5" />
+                    <path d="m3.5 16.5 8.5 4.5 8.5-4.5" />
+                  </svg>
+                </div>
+                <h3 class="feature__title">多模型支持</h3>
+                <p class="feature__desc">豆包、DeepSeek、OpenAI、Gemini 等</p>
+              </article>
+              <article class="feature" data-reveal style="--reveal-delay: 300ms">
+                <div class="feature__head">
+                  <span class="feature__index">06</span>
+                  <svg class="feature__icon" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">
+                    <path d="m17 8 4 4-4 4" />
+                    <path d="m7 8-4 4 4 4" />
+                    <path d="m14 5-4 14" />
+                  </svg>
+                </div>
+                <h3 class="feature__title">开源可部署</h3>
+                <p class="feature__desc">MIT 协议，自主部署、完全掌控</p>
+              </article>
+            </div>
+          </section>
+          <section class="devex">
+            <header class="devex__head" data-reveal>
+              <h2 class="devex__title">开发者体验</h2>
+            </header>
+            <div class="devex__cards">
+              <article class="devex-card" data-reveal>
+                <h3 class="devex-card__title">一条命令启动</h3>
+                <p class="devex-card__desc">装好 Node.js 后，在仓库根目录一条命令从源码跑起完整平台。</p>
+                <div class="devex-card__code">
+                  <code><span class="devex-card__prompt">$</span> pnpm qilin --profile headless "任务"</code>
+                  <button class="devex-card__copy" type="button" data-copy="pnpm qilin --profile headless 任务" aria-label="复制命令">复制</button>
+                </div>
+              </article>
+              <article class="devex-card" data-reveal style="--reveal-delay: 80ms">
+                <h3 class="devex-card__title">从源码构建</h3>
+                <p class="devex-card__desc">克隆完整源码，按仓库说明安装依赖并构建。</p>
+                <div class="devex-card__code">
+                  <code><span class="devex-card__prompt">$</span> git clone https://github.com/kkutysllb/QiLin.git</code>
+                  <button class="devex-card__copy" type="button" data-copy="git clone https://github.com/kkutysllb/QiLin.git" aria-label="复制命令">复制</button>
+                </div>
+              </article>
+            </div>
+          </section>
+          <section class="outro">
+            <div class="outro__card" data-reveal>
+              <h2 class="outro__title">一切皆插件，共探智能上限</h2>
+              <p class="outro__desc">QiLin 由全插件架构驱动：每个能力都是一个可插拔的 Cordis 插件。欢迎在 GitHub 参与共建、发布你自己的插件。</p>
+              <div class="outro__actions">
+                <a class="hero__cta" href="/workspace" data-entry-cta>
+                  <span>进入控制台</span>
+                  <svg class="hero__cta-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">
+                    <path d="m9 5 7 7-7 7" />
+                  </svg>
+                </a>
+                <a class="hero__ghost" href="https://github.com/kkutysllb/QiLin" target="_blank" rel="noreferrer">
+                  <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false">
+                    <path d="M12 2C6.48 2 2 6.58 2 12.25c0 4.53 2.87 8.37 6.84 9.73.5.1.68-.22.68-.49l-.01-1.72c-2.78.62-3.37-1.37-3.37-1.37-.46-1.18-1.11-1.5-1.11-1.5-.91-.64.07-.62.07-.62 1 .07 1.53 1.06 1.53 1.06.9 1.57 2.36 1.12 2.94.86.09-.67.35-1.12.63-1.38-2.22-.26-4.56-1.14-4.56-5.07 0-1.12.39-2.03 1.03-2.75-.1-.26-.45-1.3.1-2.71 0 0 .84-.28 2.75 1.05a9.36 9.36 0 0 1 5 0c1.91-1.33 2.75-1.05 2.75-1.05.55 1.41.2 2.45.1 2.71.64.72 1.03 1.63 1.03 2.75 0 3.94-2.34 4.8-4.57 5.06.36.32.68.94.68 1.9l-.01 2.81c0 .27.18.6.69.49A10.02 10.02 0 0 0 22 12.25C22 6.58 17.52 2 12 2Z" />
+                  </svg>
+                  <span>GitHub 仓库</span>
+                </a>
+              </div>
+            </div>
+          </section>
+        </main>
+        <footer class="site-footer">
+          <div class="gold-divider" aria-hidden="true">
+            <span class="gold-divider__line gold-divider__line--start"></span>
+            <span class="gold-divider__diamond"></span>
+            <span class="gold-divider__line gold-divider__line--end"></span>
+          </div>
+          <div class="site-footer__quote-row">
+            <p class="site-footer__quote">「为自主智能体而生，以开源为基石。」</p>
+          </div>
+          <div class="site-footer__meta">
+            <p>基于 MIT 协议开源 · © 2026 QiLin</p>
+            <svg width="12" height="12" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+              <rect x="1" y="1" width="22" height="22" rx="3.5" fill="var(--ql-cinnabar)" />
+              <text x="7.1" y="15.4" text-anchor="middle" font-size="9.6" font-weight="700" fill="#fff5eb" font-family="'Noto Serif SC','Songti SC','STSong',serif">麒</text>
+              <text x="16.9" y="15.4" text-anchor="middle" font-size="9.6" font-weight="700" fill="#fff5eb" font-family="'Noto Serif SC','Songti SC','STSong',serif">麟</text>
+            </svg>
+          </div>
+        </footer>
+      </div>
+    </div>
+  </body>
+</html>

package/dist/manifest.webmanifest

@@ -0,0 +1,16 @@
+{
+  "id": "/workspace",
+  "name": "QiLin",
+  "short_name": "QILIN",
+  "start_url": "/workspace",
+  "scope": "/",
+  "display": "fullscreen",
+  "icons": [
+    {
+      "src": "/favicon.svg",
+      "sizes": "any",
+      "type": "image/svg+xml",
+      "purpose": "any"
+    }
+  ]
+}

package/package.json

@@ -1,6 +1,70 @@
 {
   "name": "@qilin-agent/web-frontend",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "description": "Web application entry: vite build over the @qilin-agent/client-web shell library; dist/ served by apps/cli's qilin web",
+  "version": "3.1.4",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/kkutysllb/QiLin.git",
+    "directory": "apps/web"
+  },
+  "engines": {
+    "node": "^22.19.0 || >=24.0.0"
+  },
+  "type": "module",
+  "exports": {
+    "./dist/*": "./dist/*",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "!dist/**/*.map",
+    "!dist/preview.html",
+    "!dist/preview"
+  ],
+  "license": "MIT",
+  "devDependencies": {
+    "@types/node": "^22.0.0",
+    "@types/react": "~18.3.1",
+    "@types/react-dom": "~18.3.0",
+    "@types/ws": "8.18.1",
+    "@vitejs/plugin-react": "^4.0.0",
+    "http-server": "^14.1.1",
+    "fflate": "^0.8.2",
+    "playwright": "^1.49.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "typescript": "^6.0.3",
+    "vite": "^6.0.0",
+    "vitest": "^4.1.8",
+    "ws": "8.21.0",
+    "@qilin-agent/kylin-plugin-group": "~1.0.3",
+    "@qilin-agent/client-modules": "3.1.4",
+    "@qilin-agent/client-ui-dockkit": "3.1.4",
+    "@qilin-agent/client-ui-primitives": "3.1.4",
+    "@qilin-agent/client-store": "3.1.4",
+    "@qilin-agent/client-test-runtime": "3.1.4",
+    "@qilin-agent/client-ui-slots": "3.1.4",
+    "@qilin-agent/cmdline": "3.1.4",
+    "@qilin-agent/pwsh-local": "3.1.4",
+    "@qilin-agent/client-web": "3.1.4",
+    "@qilin-agent/experimental-webworker-runtime": "3.1.4",
+    "@qilin-agent/workspace-changes": "3.1.4",
+    "@qilin-agent/launch-environment": "3.1.4",
+    "@qilin-agent/experimental-auto-review": "3.1.4",
+    "@qilin-agent/subprocess-local": "3.1.4",
+    "@qilin-agent/remote-mock": "3.1.4",
+    "@qilin-agent/experimental-speech-to-text": "3.1.4",
+    "@qilin-agent/experimental-webworker-packer": "3.1.4",
+    "@qilin-agent/experimental-voice-input-bundle": "3.1.4"
+  },
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite",
+    "watch": "vite build --watch --no-emptyOutDir",
+    "build:preview": "pnpm --filter @qilin-agent/experimental-webworker-runtime exec tsdown && pnpm --filter @qilin-agent/experimental-webworker-packer exec tsdown && vite build && qilin-pack-vfs-image --out dist/preview/vfs-image.tar.gz",
+    "serve:preview": "http-server dist -a 0.0.0.0 -p 4173 -c-1"
+  }
 }

package/README.md

@@ -1,3 +0,0 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.