feat: update workspace pages and global inbox

apps/senlinai-acro-react/src/App.css

@@ -271,6 +271,35 @@
   justify-content: flex-end;
 }
 
+.dock-icon {
+  position: relative;
+  display: inline-block;
+  width: 16px;
+  height: 14px;
+  border: 1.5px solid currentcolor;
+  border-radius: 2px;
+  box-sizing: border-box;
+}
+
+.dock-icon span {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  width: 5px;
+  background: currentcolor;
+  opacity: 0.2;
+}
+
+.dock-icon-left span {
+  left: 0;
+  border-right: 1.5px solid currentcolor;
+}
+
+.dock-icon-right span {
+  right: 0;
+  border-left: 1.5px solid currentcolor;
+}
+
 .workbench-main {
   min-height: 0;
   min-width: 0;
@@ -550,6 +579,65 @@
   grid-template-columns: minmax(260px, 1fr) 82px 100px 100px 130px;
 }
 
+.workspace-task-list {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+  gap: 12px;
+  padding-top: 8px;
+}
+
+.workspace-task-card {
+  display: flex;
+  min-height: 148px;
+  flex-direction: column;
+  justify-content: space-between;
+  gap: 14px;
+  border: 1px solid var(--senlin-border);
+  border-radius: 6px;
+  background: var(--senlin-surface);
+  color: var(--senlin-text);
+  padding: 14px;
+  text-align: left;
+  cursor: pointer;
+  transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
+}
+
+.workspace-task-card:hover {
+  border-color: color-mix(in srgb, var(--senlin-primary) 42%, var(--senlin-border));
+  box-shadow: 0 8px 22px color-mix(in srgb, var(--senlin-primary) 12%, transparent);
+  transform: translateY(-1px);
+}
+
+.workspace-task-title {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-weight: 600;
+}
+
+.workspace-task-title svg {
+  color: var(--senlin-primary);
+}
+
+.workspace-task-main .arco-typography {
+  margin: 8px 0 0;
+}
+
+.workspace-task-meta {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px 10px;
+  color: var(--senlin-muted);
+  font-size: 12px;
+}
+
+.workspace-task-meta span {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
+
 .ai-row {
   grid-template-columns: minmax(260px, 1fr) minmax(260px, 1.2fr) 80px 90px;
 }
@@ -631,6 +719,27 @@
   font-size: 12px;
 }
 
+.task-detail-card .arco-card-body {
+  display: grid;
+  gap: 18px;
+}
+
+.task-detail-progress {
+  display: grid;
+  gap: 8px;
+}
+
+.task-detail-summary {
+  display: grid;
+  gap: 8px;
+  border-top: 1px solid var(--senlin-border);
+  padding-top: 14px;
+}
+
+.task-detail-summary h6 {
+  margin: 0;
+}
+
 .mail-detail .arco-typography,
 .mail-item .arco-typography,
 .ai-session .arco-typography {