diff --git a/etc/init.shy b/etc/init.shy
index edc73ca2..6f8cf5d2 100644
--- a/etc/init.shy
+++ b/etc/init.shy
@@ -1,6 +1,7 @@
 ~web
 	config space meta.main "desktop"
 	# config serve meta.main "/chat/cmd/web.wiki.portal/"
+	# config serve meta.open "http://localhost:9020/chat/cmd/web.wiki.feel"
 	spide create name "com" link "http://2021.shylinux.com:9020" 
 	dream create name 20221205-sshd repos https://shylinux.com/x/sshd binary http://2021.shylinux.com:9020/chat/pod/20221205-sshd
 	dream create name 20230511-golang-story repos https://shylinux.com/x/golang-story binary http://2021.shylinux.com:9020/chat/pod/20230511-golang-story
@@ -39,14 +40,7 @@
 	role whiteblack web.wiki.draw
 	role whiteblack web.wiki.feel
 	role whiteblack web.chat.favor
-	role white void web.wiki.draw action command
-	role white void web.wiki.draw action run
-	role white void /require/usr/icebergs
-	role white void /require/usr/icons
-	role white void /require/modules/
 	role white void usr/local/image
-	role white void etc/path
-	role white void LICENSE
 
 ~gdb
 	event listen event serve.start cmd web.serve
diff --git a/go.mod b/go.mod
index 13eb5eb1..1d8ed10f 100644
--- a/go.mod
+++ b/go.mod
@@ -13,4 +13,5 @@ require (
 	shylinux.com/x/ice v1.3.3
 	shylinux.com/x/icebergs v1.5.11
 	shylinux.com/x/toolkits v0.7.6
+	shylinux.com/x/webview v0.0.2 // indirect
 )
diff --git a/go.sum b/go.sum
index 5d8b45c6..9e199aef 100644
--- a/go.sum
+++ b/go.sum
@@ -11,3 +11,5 @@ shylinux.com/x/toolkits v0.7.6 h1:QwRxrS2uDHbT9MegM26gtq9j5qojmahOHVDAp1eVEms=
 shylinux.com/x/toolkits v0.7.6/go.mod h1:CHDJarGlDkg60kVsvMLYL/a5hAnRLEOShiEsMOuEp0Q=
 shylinux.com/x/websocket v0.0.2 h1:aeeZyAsh6QN7+l5oMXlO9/rlQgx6CHvDtpZyAqMCSlU=
 shylinux.com/x/websocket v0.0.2/go.mod h1:yMcu4XS6JB11YRISXwvubh7dPM6rWPdzIRv0CrshQBY=
+shylinux.com/x/webview v0.0.2 h1:T0f2sDdiMCdDPjYwD1WS64ASBGwvZKPZkxDQ84d+ZQs=
+shylinux.com/x/webview v0.0.2/go.mod h1:QJwPiwlFlvrntxO4Q3X0bj3Z1ysGRDiy7MZ8hYUmJ9g=
diff --git a/src/document/development/index.shy b/src/document/development/index.shy
index 47164ecb..d8c5cd51 100644
--- a/src/document/development/index.shy
+++ b/src/document/development/index.shy
@@ -21,4 +21,6 @@ navmenu `
 		Context ctx.shy
 		Message msg.shy
 	"前端框架" volcanos/
+"相关技术" technology/
+	"web" content.shy
 `
diff --git a/src/document/development/technology/content.shy b/src/document/development/technology/content.shy
new file mode 100644
index 00000000..ba9aff2b
--- /dev/null
+++ b/src/document/development/technology/content.shy
@@ -0,0 +1,4 @@
+chapter "HTML"
+refer `
+https://developer.mozilla.org/en-US/docs/Web
+`
diff --git a/src/main.js b/src/main.js
index 83c1ef94..0f613e02 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,6 +1,6 @@
 Volcanos({river: {
 	product: {name: "产品群", icon: "bi bi-bar-chart-line-fill", storm: {
-		office: {name: "办公 office", icon: "bi bi-bar-chart-line-fill",  index: ["web.wiki.portal", "web.chat.macos.desktop", "web.wiki.feel", "web.wiki.draw", "web.wiki.data"]},
+		office: {name: "办公 office", icon: "bi bi-bar-chart-line-fill",  index: ["web.wiki.portal", "web.chat.macos.desktop", "web.wiki.feel", "web.wiki.draw"]},
 	}},
 	project: {name: "研发群", icon: "bi bi-git", storm: {
 		studio: {name: "研发 studio", icon: "bi bi-git", index: ["web.code.vimer", "web.code.git.status", "web.chat.favor", "web.team.plan", "web.wiki.word"]},
diff --git a/src/template/web.chat.header/black.css b/src/template/web.chat.header/black.css
index 37d5748f..09356d9b 100644
--- a/src/template/web.chat.header/black.css
+++ b/src/template/web.chat.header/black.css
@@ -1,19 +1,16 @@
 body.black {
-	--body-bg-color:black;
-	--body-fg-color:cyan;
+	--body-bg-color:black; --body-fg-color:cyan;
 
 	--legend-bg-color:#243783bd;
 	--input-bg-color:#243783bd;
 	--output-bg-color:transparent;
 	--status-border:darkcyan solid 1px;
 
-	--plugin-radius:10px;
-	--plugin-bg-color:#061c3c9e;
-	--panel-output-bg-color:transparent;
-	--panel-output-fg-color:var(--body-fg-color);
+	--plugin-border-color:lightgray;
+	--plugin-bg-color:#061c3c9e; --plugin-radius:10px;
+	--panel-output-bg-color:transparent; --panel-output-fg-color:var(--body-fg-color);
 
-	--hover-bg-color:#243783bd;
-	--hover-fg-color:white;
+	--hover-bg-color:#243783bd; --hover-fg-color:white;
 	--th-bg-color:steelblue;
 }
 body.black input { outline:none; }
diff --git a/src/template/web.chat.header/light.css b/src/template/web.chat.header/light.css
index fb8bdc7e..7838a5e3 100644
--- a/src/template/web.chat.header/light.css
+++ b/src/template/web.chat.header/light.css
@@ -1,35 +1,24 @@
 body.light {
-	--body-bg-color:#4a566e;
-	--body-fg-color:black;
+	--body-bg-color:#4a566e; --body-fg-color:black;
 
 	--legend-bg-color:lightsteelblue;
-	--input-bg-color:white;
-	--input-fg-color:var(--body-fg-color);
-	--input-radius:5px;
-	--input-border:blue solid 1px;
+	--input-bg-color:white; --input-fg-color:var(--body-fg-color);
+	--input-border:blue solid 1px; --input-radius:5px;
 	--output-bg-color:var(--input-bg-color);
 	--status-border:transparent solid 1px;
 
-	--plugin-radius:10px;
-	--plugin-bg-color:aliceblue;
-	--plugin-fg-color:var(--body-fg-color);
-	--panel-output-bg-color:var(--body-bg-color);
-	--panel-output-fg-color:#d0d3da;
-	--panel-input-bg-color:#6b7488;
-	--panel-input-fg-color:white;
-	--panel-hover-bg-color:#2b3446;
-	--panel-hover-fg-color:white;
-	--panel-bg-color:var(--panel-output-bg-color);
-	--panel-fg-color:var(--panel-output-fg-color);
+	--plugin-border-color:lightgray;
+	--plugin-bg-color:aliceblue; --plugin-fg-color:var(--body-fg-color); --plugin-radius:10px;
+	--panel-output-bg-color:var(--body-bg-color); --panel-output-fg-color:#d0d3da;
+	--panel-input-bg-color:#6b7488; --panel-input-fg-color:white;
+	--panel-hover-bg-color:#2b3446; --panel-hover-fg-color:white;
+	--panel-bg-color:var(--panel-output-bg-color); --panel-fg-color:var(--panel-output-fg-color);
 
-	--float-fg-color:var(--plugin-fg-color);
-	--float-bg-color:var(--plugin-bg-color);
+	--float-fg-color:var(--plugin-fg-color); --float-bg-color:var(--plugin-bg-color);
 	--carte-bg-color:var(--plugin-bg-color);
-	--hover-bg-color:var(--plugin-bg-color);
-	--hover-fg-color:var(--input-fg-color);
+	--hover-bg-color:var(--plugin-bg-color); --hover-fg-color:var(--input-fg-color);
 
-	--th-fg-color:black;
-	--th-bg-color:var(--plugin-bg-color);
+	--th-bg-color:var(--plugin-bg-color); --th-fg-color:black;
 	--td-hover-bg-color:var(--plugin-bg-color);
 	--tr-hover-bg-color:var(--plugin-bg-color);
 
diff --git a/usr/local/export/web.chat.river/hash.json b/usr/local/export/web.chat.river/hash.json
index ddb83d24..c5505426 100644
--- a/usr/local/export/web.chat.river/hash.json
+++ b/usr/local/export/web.chat.river/hash.json
@@ -1,46 +1,60 @@
 {
-  "fae17a": {
+  "657d37": {
     "hash": {
-      "3cde7c": {
+      "9c073c": {
         "hash": {},
         "list": [
           {
+            "icon": "bi bi-terminal",
             "id": 1,
-            "index": "web.dream",
-            "time": "2023-05-27 23:00:20.876"
-          },
-          {
-            "id": 2,
-            "index": "web.code.mysql.client",
-            "space": "20230511-mysql-story",
-            "time": "2023-05-27 23:25:59.460"
-          },
-          {
-            "id": 3,
-            "index": "web.code.redis.client",
-            "space": "20230511-redis-story",
-            "time": "2023-05-27 23:26:06.758"
-          },
-          {
-            "id": 4,
-            "index": "web.code.golang.project",
-            "space": "20230511-golang-story",
-            "time": "2023-05-27 23:42:55.509"
+            "index": "web.code.xterm",
+            "time": "2023-06-25 12:49:08.993"
           }
         ],
         "meta": {
-          "count": 4,
-          "name": "server",
+          "count": 1,
+          "icon": "bi bi-terminal",
+          "name": "term",
           "text": "hello",
-          "time": "2023-05-27 23:00:16.814"
+          "time": "2023-06-25 12:48:58.274"
         }
       }
     },
     "meta": {
-      "name": "server",
+      "icon": "bi bi-terminal",
+      "name": "term",
       "text": "hello",
-      "time": "2023-05-27 22:11:31.127",
-      "type": "tech"
+      "time": "2023-06-25 12:48:52.175",
+      "type": "root"
+    }
+  },
+  "71a871": {
+    "hash": {
+      "ab14d0": {
+        "hash": {},
+        "list": [
+          {
+            "icon": "bi bi-calendar-day",
+            "id": 1,
+            "index": "web.team.plan",
+            "time": "2023-06-24 20:17:15.170"
+          }
+        ],
+        "meta": {
+          "count": 1,
+          "icon": "bi bi-calendar-day",
+          "name": "plan",
+          "text": "hello",
+          "time": "2023-06-24 20:17:04.053"
+        }
+      }
+    },
+    "meta": {
+      "icon": "bi bi-calendar-day",
+      "name": "plan",
+      "text": "hello",
+      "time": "2023-06-24 20:17:00.837",
+      "type": "root"
     }
   }
 }