feat(tree): checkpoint resource lifecycle work
提交当前顶层 mnote Git 工作区，范围集中在 04-tree-domain 的 resource/trash/filetree 生命周期、mnote-web resource_trash 路由、Convex/Next 兼容接口、sidebar/file-tree 客户端适配、smoke 脚本与对应设计/bug 记录。 不包含被 ignore 的 design/05-editor-mainline/reference-code/leptos-tiptap 嵌套仓库改动。新增 smoke 的测试密码改为运行时读取 MNOTE_E2E_PASSWORD，避免提交明文 credential assignment。
This commit is contained in:
lix-2026
@@ -1871,6 +1871,219 @@ body {
|
||||
background: var(--atelier-document);
|
||||
}
|
||||
|
||||
.mnote-trash-workbench {
|
||||
width: min(860px, calc(100vw - 64px));
|
||||
margin: 52px auto;
|
||||
color: var(--atelier-text);
|
||||
}
|
||||
|
||||
.mnote-trash-modal {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
z-index: 1200;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-sizing: border-box;
|
||||
padding: 48px 32px;
|
||||
background: rgba(25, 24, 22, 0.34);
|
||||
}
|
||||
|
||||
.mnote-trash-modal__backdrop {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
}
|
||||
|
||||
.mnote-trash-modal__panel {
|
||||
position: relative;
|
||||
width: min(944px, calc(100vw - 96px));
|
||||
height: min(870px, calc(100vh - 112px));
|
||||
overflow: hidden;
|
||||
border: 1px solid rgba(27, 28, 28, 0.14);
|
||||
border-radius: 6px;
|
||||
background: var(--atelier-document);
|
||||
box-shadow: 0 18px 52px rgba(27, 28, 28, 0.22);
|
||||
}
|
||||
|
||||
.mnote-trash-modal__content {
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.mnote-trash-modal__content .mnote-trash-workbench {
|
||||
width: auto;
|
||||
margin: 28px 32px 40px;
|
||||
}
|
||||
|
||||
.mnote-trash-modal__close {
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
right: 14px;
|
||||
z-index: 1;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin: 0;
|
||||
border: 1px solid rgba(27, 28, 28, 0.12);
|
||||
border-radius: 6px;
|
||||
background: #FFFFFF;
|
||||
color: #37352F;
|
||||
font: inherit;
|
||||
font-size: 20px;
|
||||
line-height: 28px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.mnote-trash-modal__close:hover {
|
||||
background: #F7F7F6;
|
||||
}
|
||||
|
||||
@media (max-width: 720px) {
|
||||
.mnote-trash-modal {
|
||||
padding: 24px 12px;
|
||||
}
|
||||
|
||||
.mnote-trash-modal__panel {
|
||||
width: calc(100vw - 24px);
|
||||
height: min(780px, calc(100vh - 48px));
|
||||
}
|
||||
|
||||
.mnote-trash-modal__content .mnote-trash-workbench {
|
||||
margin: 22px 18px 32px;
|
||||
}
|
||||
}
|
||||
|
||||
.mnote-trash-header {
|
||||
margin-bottom: 28px;
|
||||
}
|
||||
|
||||
.mnote-trash-header h1 {
|
||||
margin: 0 0 8px;
|
||||
font-size: 30px;
|
||||
font-weight: 650;
|
||||
line-height: 38px;
|
||||
}
|
||||
|
||||
.mnote-trash-header p {
|
||||
margin: 0;
|
||||
color: #6D6A65;
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
.mnote-trash-status[data-type="error"] {
|
||||
color: #C93A32;
|
||||
}
|
||||
|
||||
.mnote-trash-status[data-type="success"] {
|
||||
color: #23834D;
|
||||
}
|
||||
|
||||
.mnote-trash-section {
|
||||
margin-top: 28px;
|
||||
}
|
||||
|
||||
.mnote-trash-section-title {
|
||||
display: flex;
|
||||
min-height: 32px;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
.mnote-trash-section h2 {
|
||||
margin: 0;
|
||||
color: #5A5A5A;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.mnote-trash-section h2 span {
|
||||
color: #9B9A97;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.mnote-trash-row {
|
||||
display: flex;
|
||||
min-height: 44px;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 16px;
|
||||
border-top: 1px solid rgba(27, 28, 28, 0.08);
|
||||
}
|
||||
|
||||
.mnote-trash-row-main {
|
||||
display: flex;
|
||||
min-width: 0;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.mnote-trash-title {
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
color: var(--atelier-text);
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
text-decoration: none;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.mnote-trash-meta,
|
||||
.mnote-trash-kind,
|
||||
.mnote-trash-note,
|
||||
.mnote-trash-empty {
|
||||
color: #8B8782;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.mnote-trash-actions {
|
||||
display: flex;
|
||||
flex: 0 0 auto;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.mnote-trash-actions button {
|
||||
height: 28px;
|
||||
padding: 0 10px;
|
||||
border: 1px solid rgba(27, 28, 28, 0.12);
|
||||
border-radius: 4px;
|
||||
background: #FFFFFF;
|
||||
color: #37352F;
|
||||
font: inherit;
|
||||
font-size: 12px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.mnote-trash-section-title button {
|
||||
height: 28px;
|
||||
padding: 0 10px;
|
||||
border: 1px solid rgba(27, 28, 28, 0.12);
|
||||
border-radius: 4px;
|
||||
background: #FFFFFF;
|
||||
color: #37352F;
|
||||
font: inherit;
|
||||
font-size: 12px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.mnote-trash-actions button:hover:not(:disabled) {
|
||||
background: #F7F7F6;
|
||||
}
|
||||
|
||||
.mnote-trash-section-title button:hover:not(:disabled) {
|
||||
background: #F7F7F6;
|
||||
}
|
||||
|
||||
.mnote-trash-actions button:disabled,
|
||||
.mnote-trash-section-title button:disabled {
|
||||
color: #9B9A97;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.wolai-topbar {
|
||||
height: 40px;
|
||||
padding: 0 20px 0 22px;
|
||||
@@ -3056,40 +3269,70 @@ body {
|
||||
min-height: 0;
|
||||
flex: 1 1 auto;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
gap: 4px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.wolai-page-ai-skill-row {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
min-height: 38px;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 10px;
|
||||
padding: 10px;
|
||||
border: 1px solid rgba(27, 28, 28, 0.08);
|
||||
border-radius: 8px;
|
||||
background: #FFF;
|
||||
padding: 6px 8px;
|
||||
border: 0;
|
||||
border-radius: 6px;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.wolai-page-ai-skill-row:hover {
|
||||
background: #F7F7F6;
|
||||
}
|
||||
|
||||
.wolai-page-ai-skill-copy {
|
||||
display: grid;
|
||||
gap: 2px;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.wolai-page-ai-skill-main {
|
||||
display: flex;
|
||||
min-width: 0;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.wolai-page-ai-skill-name {
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.wolai-page-ai-skill-desc {
|
||||
display: -webkit-box;
|
||||
overflow: hidden;
|
||||
color: #5A5A5A;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
font-size: 11px;
|
||||
line-height: 15px;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.wolai-page-ai-skill-source {
|
||||
flex: 0 0 auto;
|
||||
padding: 1px 5px;
|
||||
border-radius: 999px;
|
||||
background: #F0EFED;
|
||||
color: #8B8782;
|
||||
font-size: 10px;
|
||||
line-height: 14px;
|
||||
}
|
||||
|
||||
.wolai-page-ai-skill-switch {
|
||||
position: relative;
|
||||
width: 36px;
|
||||
height: 22px;
|
||||
flex: 0 0 36px;
|
||||
width: 32px;
|
||||
height: 18px;
|
||||
flex: 0 0 32px;
|
||||
border: 0;
|
||||
border-radius: 999px;
|
||||
background: #D8D6D1;
|
||||
@@ -3098,10 +3341,10 @@ body {
|
||||
|
||||
.wolai-page-ai-skill-switch span {
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
left: 3px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
top: 2px;
|
||||
left: 2px;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
border-radius: 50%;
|
||||
background: #FFF;
|
||||
box-shadow: 0 1px 3px rgba(27, 28, 28, 0.16);
|
||||
|
||||
Reference in New Issue
Block a user