diff --git a/tests/__snapshots__/demo.test.tsx.snap b/tests/__snapshots__/demo.test.tsx.snap
index 4468fad1..78c8582b 100644
--- a/tests/__snapshots__/demo.test.tsx.snap
+++ b/tests/__snapshots__/demo.test.tsx.snap
@@ -1,6 +1,6 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`<ActionGroup /> > renders src\\ActionGroup\\demos\\basic.tsx correctly 1`] = `
+exports[`<ActionGroup /> > renders basic.tsx correctly 1`] = `
 .emotion-0 {
   background-color: rgba(0, 0, 0, 0.04);
   border: 1px solid transparent;
@@ -168,7 +168,7 @@ exports[`<ActionGroup /> > renders src\\ActionGroup\\demos\\basic.tsx correctly
 </div>
 `;
 
-exports[`<ActionGroup /> > renders src\\ActionGroup\\demos\\config.tsx correctly 1`] = `
+exports[`<ActionGroup /> > renders config.tsx correctly 1`] = `
 .emotion-0 {
   background-color: rgba(0, 0, 0, 0.04);
   border: 1px solid transparent;
@@ -346,7 +346,7 @@ exports[`<ActionGroup /> > renders src\\ActionGroup\\demos\\config.tsx correctly
 </div>
 `;
 
-exports[`<ActionGroup /> > renders src\\ActionGroup\\demos\\custom.tsx correctly 1`] = `
+exports[`<ActionGroup /> > renders custom.tsx correctly 1`] = `
 .emotion-0 {
   background-color: rgba(0, 0, 0, 0.04);
   border: 1px solid transparent;
@@ -875,7 +875,7 @@ exports[`<ActionGroup /> > renders src\\ActionGroup\\demos\\custom.tsx correctly
 </div>
 `;
 
-exports[`<ActionGroup /> > renders src\\ActionGroup\\demos\\dropMenu.tsx correctly 1`] = `
+exports[`<ActionGroup /> > renders dropMenu.tsx correctly 1`] = `
 .emotion-0 {
   background-color: rgba(0, 0, 0, 0.04);
   border: 1px solid transparent;
@@ -1071,7 +1071,7 @@ exports[`<ActionGroup /> > renders src\\ActionGroup\\demos\\dropMenu.tsx correct
 </div>
 `;
 
-exports[`<ActionGroup /> > renders src\\ActionGroup\\demos\\type.tsx correctly 1`] = `
+exports[`<ActionGroup /> > renders type.tsx correctly 1`] = `
 .emotion-0 {
   background-color: rgba(0, 0, 0, 0.04);
   border: 1px solid transparent;
@@ -1403,7 +1403,7 @@ exports[`<ActionGroup /> > renders src\\ActionGroup\\demos\\type.tsx correctly 1
 </div>
 `;
 
-exports[`<ActionGroup /> > renders src\\ActionGroup\\demos\\withPanel.tsx correctly 1`] = `
+exports[`<ActionGroup /> > renders withPanel.tsx correctly 1`] = `
 .emotion-0 {
   overflow: hidden;
   border-radius: 8px;
@@ -1597,7 +1597,7 @@ exports[`<ActionGroup /> > renders src\\ActionGroup\\demos\\withPanel.tsx correc
 </div>
 `;
 
-exports[`<ActionIcon /> > renders src\\ActionIcon\\demos\\basic.tsx correctly 1`] = `
+exports[`<ActionIcon /> > renders basic.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -1656,7 +1656,7 @@ exports[`<ActionIcon /> > renders src\\ActionIcon\\demos\\basic.tsx correctly 1`
 </div>
 `;
 
-exports[`<ActionIcon /> > renders src\\ActionIcon\\demos\\preset.tsx correctly 1`] = `
+exports[`<ActionIcon /> > renders preset.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -1799,7 +1799,7 @@ exports[`<ActionIcon /> > renders src\\ActionIcon\\demos\\preset.tsx correctly 1
 </div>
 `;
 
-exports[`<Awareness /> > renders src\\Awareness\\demos\\Avatar.tsx correctly 1`] = `
+exports[`<Awareness /> > renders Avatar.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -1885,7 +1885,7 @@ exports[`<Awareness /> > renders src\\Awareness\\demos\\Avatar.tsx correctly 1`]
 </div>
 `;
 
-exports[`<Awareness /> > renders src\\Awareness\\demos\\Cursor.tsx correctly 1`] = `
+exports[`<Awareness /> > renders Cursor.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -2017,7 +2017,7 @@ exports[`<Awareness /> > renders src\\Awareness\\demos\\Cursor.tsx correctly 1`]
 </div>
 `;
 
-exports[`<CollapseTitle /> > renders src\\CollapseTitle\\demos\\basic.tsx correctly 1`] = `
+exports[`<CollapseTitle /> > renders basic.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -2126,7 +2126,7 @@ exports[`<CollapseTitle /> > renders src\\CollapseTitle\\demos\\basic.tsx correc
 </div>
 `;
 
-exports[`<CollapseTitle /> > renders src\\CollapseTitle\\demos\\defaultexpand.tsx correctly 1`] = `
+exports[`<CollapseTitle /> > renders defaultexpand.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -2240,7 +2240,7 @@ exports[`<CollapseTitle /> > renders src\\CollapseTitle\\demos\\defaultexpand.ts
 </div>
 `;
 
-exports[`<CollapseTitle /> > renders src\\CollapseTitle\\demos\\expand.tsx correctly 1`] = `
+exports[`<CollapseTitle /> > renders expand.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -2357,7 +2357,7 @@ exports[`<CollapseTitle /> > renders src\\CollapseTitle\\demos\\expand.tsx corre
 </div>
 `;
 
-exports[`<ColumnList /> > renders src\\ColumnList\\demos\\actions.tsx correctly 1`] = `
+exports[`<ColumnList /> > renders actions.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -3457,7 +3457,7 @@ exports[`<ColumnList /> > renders src\\ColumnList\\demos\\actions.tsx correctly
 </div>
 `;
 
-exports[`<ColumnList /> > renders src\\ColumnList\\demos\\column.tsx correctly 1`] = `
+exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -4751,7 +4751,7 @@ exports[`<ColumnList /> > renders src\\ColumnList\\demos\\column.tsx correctly 1
 </div>
 `;
 
-exports[`<ColumnList /> > renders src\\ColumnList\\demos\\controlled.tsx correctly 1`] = `
+exports[`<ColumnList /> > renders controlled.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -5770,7 +5770,7 @@ exports[`<ColumnList /> > renders src\\ColumnList\\demos\\controlled.tsx correct
 </div>
 `;
 
-exports[`<ColumnList /> > renders src\\ColumnList\\demos\\creatorButtonProps.tsx correctly 1`] = `
+exports[`<ColumnList /> > renders creatorButtonProps.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -6780,7 +6780,7 @@ exports[`<ColumnList /> > renders src\\ColumnList\\demos\\creatorButtonProps.tsx
 </div>
 `;
 
-exports[`<ColumnList /> > renders src\\ColumnList\\demos\\creatorButtonPropsFalse.tsx correctly 1`] = `
+exports[`<ColumnList /> > renders creatorButtonPropsFalse.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -7733,7 +7733,7 @@ exports[`<ColumnList /> > renders src\\ColumnList\\demos\\creatorButtonPropsFals
 </div>
 `;
 
-exports[`<ColumnList /> > renders src\\ColumnList\\demos\\customCreate.tsx correctly 1`] = `
+exports[`<ColumnList /> > renders customCreate.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -8808,7 +8808,7 @@ exports[`<ColumnList /> > renders src\\ColumnList\\demos\\customCreate.tsx corre
 </div>
 `;
 
-exports[`<ColumnList /> > renders src\\ColumnList\\demos\\empty.tsx correctly 1`] = `
+exports[`<ColumnList /> > renders empty.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -8997,7 +8997,7 @@ exports[`<ColumnList /> > renders src\\ColumnList\\demos\\empty.tsx correctly 1`
 </div>
 `;
 
-exports[`<ColumnList /> > renders src\\ColumnList\\demos\\normal.tsx correctly 1`] = `
+exports[`<ColumnList /> > renders normal.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -9656,7 +9656,7 @@ exports[`<ColumnList /> > renders src\\ColumnList\\demos\\normal.tsx correctly 1
 </div>
 `;
 
-exports[`<ContextMenu /> > renders src\\ContextMenu\\demos\\index.tsx correctly 1`] = `
+exports[`<ContextMenu /> > renders index.tsx correctly 1`] = `
 <div>
   <div>
     RightClick
@@ -9664,7 +9664,7 @@ exports[`<ContextMenu /> > renders src\\ContextMenu\\demos\\index.tsx correctly
 </div>
 `;
 
-exports[`<DataFill /> > renders src\\DataFill\\demos\\basic.tsx correctly 1`] = `
+exports[`<DataFill /> > renders basic.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -10443,7 +10443,7 @@ exports[`<DataFill /> > renders src\\DataFill\\demos\\basic.tsx correctly 1`] =
 </div>
 `;
 
-exports[`<DataPreviewer /> > renders src\\DataPreviewer\\demos\\basic.tsx correctly 1`] = `
+exports[`<DataPreviewer /> > renders basic.tsx correctly 1`] = `
 .emotion-0 {
   color: rgba(0, 0, 0, 0.65);
 }
@@ -11757,7 +11757,7 @@ exports[`<DataPreviewer /> > renders src\\DataPreviewer\\demos\\basic.tsx correc
 </div>
 `;
 
-exports[`<DataPreviewer /> > renders src\\DataPreviewer\\demos\\empty.tsx correctly 1`] = `
+exports[`<DataPreviewer /> > renders empty.tsx correctly 1`] = `
 .emotion-0 {
   color: rgba(0, 0, 0, 0.65);
 }
@@ -11921,7 +11921,7 @@ exports[`<DataPreviewer /> > renders src\\DataPreviewer\\demos\\empty.tsx correc
 </div>
 `;
 
-exports[`<DataPreviewer /> > renders src\\DataPreviewer\\demos\\emptyAction.tsx correctly 1`] = `
+exports[`<DataPreviewer /> > renders emptyAction.tsx correctly 1`] = `
 .emotion-0 {
   color: rgba(0, 0, 0, 0.65);
 }
@@ -12116,7 +12116,7 @@ exports[`<DataPreviewer /> > renders src\\DataPreviewer\\demos\\emptyAction.tsx
 </div>
 `;
 
-exports[`<DataPreviewer /> > renders src\\DataPreviewer\\demos\\extra.tsx correctly 1`] = `
+exports[`<DataPreviewer /> > renders extra.tsx correctly 1`] = `
 .emotion-0 {
   color: rgba(0, 0, 0, 0.65);
 }
@@ -13458,7 +13458,7 @@ exports[`<DataPreviewer /> > renders src\\DataPreviewer\\demos\\extra.tsx correc
 </div>
 `;
 
-exports[`<DataPreviewer /> > renders src\\DataPreviewer\\demos\\renderEmpty.tsx correctly 1`] = `
+exports[`<DataPreviewer /> > renders renderEmpty.tsx correctly 1`] = `
 .emotion-0 {
   color: rgba(0, 0, 0, 0.65);
 }
@@ -13536,7 +13536,7 @@ exports[`<DataPreviewer /> > renders src\\DataPreviewer\\demos\\renderEmpty.tsx
 </div>
 `;
 
-exports[`<DataPreviewer /> > renders src\\DataPreviewer\\demos\\showType.tsx correctly 1`] = `
+exports[`<DataPreviewer /> > renders showType.tsx correctly 1`] = `
 .emotion-0 {
   color: rgba(0, 0, 0, 0.65);
 }
@@ -14773,7 +14773,7 @@ exports[`<DataPreviewer /> > renders src\\DataPreviewer\\demos\\showType.tsx cor
 </div>
 `;
 
-exports[`<DraggablePanel /> > renders src\\DraggablePanel\\demos\\basic.tsx correctly 1`] = `
+exports[`<DraggablePanel /> > renders basic.tsx correctly 1`] = `
 .emotion-0 {
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
@@ -14913,7 +14913,7 @@ exports[`<DraggablePanel /> > renders src\\DraggablePanel\\demos\\basic.tsx corr
 </div>
 `;
 
-exports[`<DraggablePanel /> > renders src\\DraggablePanel\\demos\\bottom.tsx correctly 1`] = `
+exports[`<DraggablePanel /> > renders bottom.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -15064,7 +15064,7 @@ exports[`<DraggablePanel /> > renders src\\DraggablePanel\\demos\\bottom.tsx cor
 </div>
 `;
 
-exports[`<DraggablePanel /> > renders src\\DraggablePanel\\demos\\controlFloat.tsx correctly 1`] = `
+exports[`<DraggablePanel /> > renders controlFloat.tsx correctly 1`] = `
 .emotion-0 {
   overflow: hidden;
   border-radius: 8px;
@@ -15219,7 +15219,7 @@ exports[`<DraggablePanel /> > renders src\\DraggablePanel\\demos\\controlFloat.t
 </div>
 `;
 
-exports[`<DraggablePanel /> > renders src\\DraggablePanel\\demos\\float.tsx correctly 1`] = `
+exports[`<DraggablePanel /> > renders float.tsx correctly 1`] = `
 .emotion-0 {
   overflow: hidden;
   border-radius: 8px;
@@ -15374,7 +15374,7 @@ exports[`<DraggablePanel /> > renders src\\DraggablePanel\\demos\\float.tsx corr
 </div>
 `;
 
-exports[`<DraggablePanel /> > renders src\\DraggablePanel\\demos\\left.tsx correctly 1`] = `
+exports[`<DraggablePanel /> > renders left.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -15525,7 +15525,7 @@ exports[`<DraggablePanel /> > renders src\\DraggablePanel\\demos\\left.tsx corre
 </div>
 `;
 
-exports[`<DraggablePanel /> > renders src\\DraggablePanel\\demos\\top.tsx correctly 1`] = `
+exports[`<DraggablePanel /> > renders top.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -15676,7 +15676,7 @@ exports[`<DraggablePanel /> > renders src\\DraggablePanel\\demos\\top.tsx correc
 </div>
 `;
 
-exports[`<FieldIcon /> > renders src\\FieldIcon\\demos\\basic.tsx correctly 1`] = `
+exports[`<FieldIcon /> > renders basic.tsx correctly 1`] = `
 .emotion-0 {
   font-size: 14px;
 }
@@ -16426,7 +16426,7 @@ exports[`<FieldIcon /> > renders src\\FieldIcon\\demos\\basic.tsx correctly 1`]
 </div>
 `;
 
-exports[`<FieldSelect /> > renders src\\FieldSelect\\demos\\basic.tsx correctly 1`] = `
+exports[`<FieldSelect /> > renders basic.tsx correctly 1`] = `
 .emotion-0 {
   width: 100%;
 }
@@ -16612,7 +16612,7 @@ exports[`<FieldSelect /> > renders src\\FieldSelect\\demos\\basic.tsx correctly
 </div>
 `;
 
-exports[`<FieldSelect /> > renders src\\FieldSelect\\demos\\custom.tsx correctly 1`] = `
+exports[`<FieldSelect /> > renders custom.tsx correctly 1`] = `
 .emotion-0 {
   width: 100%;
 }
@@ -16798,7 +16798,7 @@ exports[`<FieldSelect /> > renders src\\FieldSelect\\demos\\custom.tsx correctly
 </div>
 `;
 
-exports[`<FieldTitle /> > renders src\\FieldTitle\\demos\\basic.tsx correctly 1`] = `
+exports[`<FieldTitle /> > renders basic.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -17661,7 +17661,7 @@ exports[`<FieldTitle /> > renders src\\FieldTitle\\demos\\basic.tsx correctly 1`
 </div>
 `;
 
-exports[`<FieldTitle /> > renders src\\FieldTitle\\demos\\description.tsx correctly 1`] = `
+exports[`<FieldTitle /> > renders description.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -17781,7 +17781,7 @@ exports[`<FieldTitle /> > renders src\\FieldTitle\\demos\\description.tsx correc
 </div>
 `;
 
-exports[`<FreeCanvas /> > renders src\\FreeCanvas\\demos\\basic.tsx correctly 1`] = `
+exports[`<FreeCanvas /> > renders basic.tsx correctly 1`] = `
 .emotion-0 .react-flow__attribution {
   display: none;
 }
@@ -18092,7 +18092,7 @@ exports[`<FreeCanvas /> > renders src\\FreeCanvas\\demos\\basic.tsx correctly 1`
 </div>
 `;
 
-exports[`<Highlight /> > renders src\\Highlight\\demos\\basic.tsx correctly 1`] = `
+exports[`<Highlight /> > renders basic.tsx correctly 1`] = `
 .emotion-0 {
   background-color: #2b303b;
   border: 1px solid transparent;
@@ -18492,7 +18492,7 @@ P .emotion-4:hover {
 </div>
 `;
 
-exports[`<Highlight /> > renders src\\Highlight\\demos\\lineNumber.tsx correctly 1`] = `
+exports[`<Highlight /> > renders lineNumber.tsx correctly 1`] = `
 .emotion-0 {
   background-color: #fafafa;
   border: 1px solid transparent;
@@ -18930,7 +18930,7 @@ P .emotion-4:hover {
 </div>
 `;
 
-exports[`<Highlight /> > renders src\\Highlight\\demos\\theme.tsx correctly 1`] = `
+exports[`<Highlight /> > renders theme.tsx correctly 1`] = `
 .emotion-0 {
   background-color: #fafafa;
   border: 1px solid transparent;
@@ -19751,7 +19751,7 @@ P .emotion-4:hover {
 </div>
 `;
 
-exports[`<Highlight /> > renders src\\Highlight\\demos\\wrapper.tsx correctly 1`] = `
+exports[`<Highlight /> > renders wrapper.tsx correctly 1`] = `
 .emotion-0 {
   background-color: hsla(221.29999999999995, 15.7%, 20%, 0.9);
   border-radius: 6px;
@@ -20897,7 +20897,7 @@ exports[`<Highlight /> > renders src\\Highlight\\demos\\wrapper.tsx correctly 1`
 </div>
 `;
 
-exports[`<IconPicker /> > renders src\\IconPicker\\demos\\controlled.tsx correctly 1`] = `
+exports[`<IconPicker /> > renders controlled.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -20994,7 +20994,7 @@ exports[`<IconPicker /> > renders src\\IconPicker\\demos\\controlled.tsx correct
 </div>
 `;
 
-exports[`<IconPicker /> > renders src\\IconPicker\\demos\\normal.tsx correctly 1`] = `
+exports[`<IconPicker /> > renders normal.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -21044,7 +21044,7 @@ exports[`<IconPicker /> > renders src\\IconPicker\\demos\\normal.tsx correctly 1
 </div>
 `;
 
-exports[`<IconPicker /> > renders src\\IconPicker\\demos\\scripts.tsx correctly 1`] = `
+exports[`<IconPicker /> > renders scripts.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -21094,7 +21094,7 @@ exports[`<IconPicker /> > renders src\\IconPicker\\demos\\scripts.tsx correctly
 </div>
 `;
 
-exports[`<InteractContainer /> > renders src\\InteractContainer\\demos\\Basic.tsx correctly 1`] = `
+exports[`<InteractContainer /> > renders Basic.tsx correctly 1`] = `
 <div>
   <div
     style="padding: 24px;"
@@ -21146,7 +21146,7 @@ exports[`<InteractContainer /> > renders src\\InteractContainer\\demos\\Basic.ts
 </div>
 `;
 
-exports[`<InteractContainer /> > renders src\\InteractContainer\\demos\\Controlled.tsx correctly 1`] = `
+exports[`<InteractContainer /> > renders Controlled.tsx correctly 1`] = `
 <div>
   <div>
     <div
@@ -21237,7 +21237,7 @@ exports[`<InteractContainer /> > renders src\\InteractContainer\\demos\\Controll
 </div>
 `;
 
-exports[`<InteractContainer /> > renders src\\InteractContainer\\demos\\WithContainer.tsx correctly 1`] = `
+exports[`<InteractContainer /> > renders WithContainer.tsx correctly 1`] = `
 <div>
   <div
     id="ux"
@@ -21275,7 +21275,7 @@ exports[`<InteractContainer /> > renders src\\InteractContainer\\demos\\WithCont
 </div>
 `;
 
-exports[`<Layout /> > renders src\\Layout\\demos\\basic.tsx correctly 1`] = `
+exports[`<Layout /> > renders basic.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -21889,59 +21889,7 @@ exports[`<Layout /> > renders src\\Layout\\demos\\basic.tsx correctly 1`] = `
 </div>
 `;
 
-exports[`<Layout /> > renders src\\Layout\\demos\\components\\sessinList.tsx correctly 1`] = `
-.emotion-0 {
-  overflow: scroll;
-}
-
-<div>
-  <div
-    style="height: 540px; overflow: scroll;"
-  >
-    <div
-      class="studio-list studio-list-split studio-list-loading emotion-0"
-    >
-      <div
-        class="studio-spin-nested-loading"
-      >
-        <div>
-          <div
-            aria-busy="true"
-            aria-live="polite"
-            class="studio-spin studio-spin-spinning"
-          >
-            <span
-              class="studio-spin-dot studio-spin-dot-spin"
-            >
-              <i
-                class="studio-spin-dot-item"
-              />
-              <i
-                class="studio-spin-dot-item"
-              />
-              <i
-                class="studio-spin-dot-item"
-              />
-              <i
-                class="studio-spin-dot-item"
-              />
-            </span>
-          </div>
-        </div>
-        <div
-          class="studio-spin-container studio-spin-blur"
-        >
-          <div
-            style="min-height: 53px;"
-          />
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`<Layout /> > renders src\\Layout\\demos\\dingding.tsx correctly 1`] = `
+exports[`<Layout /> > renders dingding.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -22564,7 +22512,7 @@ exports[`<Layout /> > renders src\\Layout\\demos\\dingding.tsx correctly 1`] = `
 </div>
 `;
 
-exports[`<Layout /> > renders src\\Layout\\demos\\noLeftPannel.tsx correctly 1`] = `
+exports[`<Layout /> > renders noLeftPannel.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -22880,7 +22828,59 @@ exports[`<Layout /> > renders src\\Layout\\demos\\noLeftPannel.tsx correctly 1`]
 </div>
 `;
 
-exports[`<Layout /> > renders src\\Layout\\demos\\single.tsx correctly 1`] = `
+exports[`<Layout /> > renders sessinList.tsx correctly 1`] = `
+.emotion-0 {
+  overflow: scroll;
+}
+
+<div>
+  <div
+    style="height: 540px; overflow: scroll;"
+  >
+    <div
+      class="studio-list studio-list-split studio-list-loading emotion-0"
+    >
+      <div
+        class="studio-spin-nested-loading"
+      >
+        <div>
+          <div
+            aria-busy="true"
+            aria-live="polite"
+            class="studio-spin studio-spin-spinning"
+          >
+            <span
+              class="studio-spin-dot studio-spin-dot-spin"
+            >
+              <i
+                class="studio-spin-dot-item"
+              />
+              <i
+                class="studio-spin-dot-item"
+              />
+              <i
+                class="studio-spin-dot-item"
+              />
+              <i
+                class="studio-spin-dot-item"
+              />
+            </span>
+          </div>
+        </div>
+        <div
+          class="studio-spin-container studio-spin-blur"
+        >
+          <div
+            style="min-height: 53px;"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<Layout /> > renders single.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -23131,7 +23131,7 @@ exports[`<Layout /> > renders src\\Layout\\demos\\single.tsx correctly 1`] = `
 </div>
 `;
 
-exports[`<Layout /> > renders src\\Layout\\demos\\themeType.tsx correctly 1`] = `
+exports[`<Layout /> > renders themeType.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -23793,7 +23793,7 @@ exports[`<Layout /> > renders src\\Layout\\demos\\themeType.tsx correctly 1`] =
 </div>
 `;
 
-exports[`<Layout /> > renders src\\Layout\\demos\\types.tsx correctly 1`] = `
+exports[`<Layout /> > renders types.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -24457,7 +24457,7 @@ exports[`<Layout /> > renders src\\Layout\\demos\\types.tsx correctly 1`] = `
 </div>
 `;
 
-exports[`<LevaPanel /> > renders src\\LevaPanel\\demos\\button.tsx correctly 1`] = `
+exports[`<LevaPanel /> > renders button.tsx correctly 1`] = `
 .emotion-0 {
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
@@ -25149,7 +25149,7 @@ exports[`<LevaPanel /> > renders src\\LevaPanel\\demos\\button.tsx correctly 1`]
 </div>
 `;
 
-exports[`<Markdown /> > renders src\\Markdown\\demos\\htmlPlugin.tsx correctly 1`] = `
+exports[`<Markdown /> > renders htmlPlugin.tsx correctly 1`] = `
 .emotion-0 {
   color: rgba(0, 0, 0, 0.88);
 }
@@ -25366,7 +25366,7 @@ exports[`<Markdown /> > renders src\\Markdown\\demos\\htmlPlugin.tsx correctly 1
 </div>
 `;
 
-exports[`<Markdown /> > renders src\\Markdown\\demos\\index.tsx correctly 1`] = `
+exports[`<Markdown /> > renders index.tsx correctly 1`] = `
 .emotion-0 {
   color: rgba(0, 0, 0, 0.88);
 }
@@ -28104,7 +28104,7 @@ id sem consectetuer libero luctus adipiscing.
 </div>
 `;
 
-exports[`<Snippet /> > renders src\\Snippet\\demos\\index.tsx correctly 1`] = `
+exports[`<Snippet /> > renders index.tsx correctly 1`] = `
 .emotion-0 {
   background-color: transparent;
   border: 1px solid #d9d9d9;
@@ -28383,7 +28383,7 @@ exports[`<Snippet /> > renders src\\Snippet\\demos\\index.tsx correctly 1`] = `
 </div>
 `;
 
-exports[`<SortableList /> > renders src\\SortableList\\demos\\Basic.tsx correctly 1`] = `
+exports[`<SortableList /> > renders Basic.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -28801,7 +28801,7 @@ exports[`<SortableList /> > renders src\\SortableList\\demos\\Basic.tsx correctl
 </div>
 `;
 
-exports[`<SortableList /> > renders src\\SortableList\\demos\\controlled.tsx correctly 1`] = `
+exports[`<SortableList /> > renders controlled.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -29228,7 +29228,7 @@ exports[`<SortableList /> > renders src\\SortableList\\demos\\controlled.tsx cor
 </div>
 `;
 
-exports[`<SortableList /> > renders src\\SortableList\\demos\\creatorButtonProps.tsx correctly 1`] = `
+exports[`<SortableList /> > renders creatorButtonProps.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -29699,7 +29699,7 @@ exports[`<SortableList /> > renders src\\SortableList\\demos\\creatorButtonProps
 </div>
 `;
 
-exports[`<SortableList /> > renders src\\SortableList\\demos\\empty.tsx correctly 1`] = `
+exports[`<SortableList /> > renders empty.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -29796,7 +29796,7 @@ exports[`<SortableList /> > renders src\\SortableList\\demos\\empty.tsx correctl
 </div>
 `;
 
-exports[`<SortableList /> > renders src\\SortableList\\demos\\getItemStyles.tsx correctly 1`] = `
+exports[`<SortableList /> > renders getItemStyles.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -30369,7 +30369,7 @@ exports[`<SortableList /> > renders src\\SortableList\\demos\\getItemStyles.tsx
 </div>
 `;
 
-exports[`<SortableList /> > renders src\\SortableList\\demos\\handle.tsx correctly 1`] = `
+exports[`<SortableList /> > renders handle.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -30718,7 +30718,7 @@ exports[`<SortableList /> > renders src\\SortableList\\demos\\handle.tsx correct
 </div>
 `;
 
-exports[`<SortableList /> > renders src\\SortableList\\demos\\hideRemove.tsx correctly 1`] = `
+exports[`<SortableList /> > renders hideRemove.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -31048,7 +31048,7 @@ exports[`<SortableList /> > renders src\\SortableList\\demos\\hideRemove.tsx cor
 </div>
 `;
 
-exports[`<SortableList /> > renders src\\SortableList\\demos\\provider.tsx correctly 1`] = `
+exports[`<SortableList /> > renders provider.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -31872,7 +31872,7 @@ exports[`<SortableList /> > renders src\\SortableList\\demos\\provider.tsx corre
 </div>
 `;
 
-exports[`<SortableList /> > renders src\\SortableList\\demos\\ref.tsx correctly 1`] = `
+exports[`<SortableList /> > renders ref.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -32741,7 +32741,7 @@ exports[`<SortableList /> > renders src\\SortableList\\demos\\ref.tsx correctly
 </div>
 `;
 
-exports[`<SortableList /> > renders src\\SortableList\\demos\\renderContent.tsx correctly 1`] = `
+exports[`<SortableList /> > renders renderContent.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -33556,7 +33556,7 @@ exports[`<SortableList /> > renders src\\SortableList\\demos\\renderContent.tsx
 </div>
 `;
 
-exports[`<SortableList /> > renders src\\SortableList\\demos\\renderItem.tsx correctly 1`] = `
+exports[`<SortableList /> > renders renderItem.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -34117,7 +34117,7 @@ exports[`<SortableList /> > renders src\\SortableList\\demos\\renderItem.tsx cor
 </div>
 `;
 
-exports[`<SortableList /> > renders src\\SortableList\\demos\\useSortableList.tsx correctly 1`] = `
+exports[`<SortableList /> > renders useSortableList.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -34932,7 +34932,7 @@ exports[`<SortableList /> > renders src\\SortableList\\demos\\useSortableList.ts
 </div>
 `;
 
-exports[`<SortableTree /> > renders src\\SortableTree\\demos\\controlled.tsx correctly 1`] = `
+exports[`<SortableTree /> > renders controlled.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -35989,7 +35989,7 @@ exports[`<SortableTree /> > renders src\\SortableTree\\demos\\controlled.tsx cor
 </div>
 `;
 
-exports[`<SortableTree /> > renders src\\SortableTree\\demos\\default.tsx correctly 1`] = `
+exports[`<SortableTree /> > renders default.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -37006,7 +37006,7 @@ exports[`<SortableTree /> > renders src\\SortableTree\\demos\\default.tsx correc
 </div>
 `;
 
-exports[`<SortableTree /> > renders src\\SortableTree\\demos\\disableDrag.tsx correctly 1`] = `
+exports[`<SortableTree /> > renders disableDrag.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -37754,7 +37754,7 @@ exports[`<SortableTree /> > renders src\\SortableTree\\demos\\disableDrag.tsx co
 </div>
 `;
 
-exports[`<SortableTree /> > renders src\\SortableTree\\demos\\renderContent.tsx correctly 1`] = `
+exports[`<SortableTree /> > renders renderContent.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -39059,7 +39059,7 @@ exports[`<SortableTree /> > renders src\\SortableTree\\demos\\renderContent.tsx
 </div>
 `;
 
-exports[`<SortableTree /> > renders src\\SortableTree\\demos\\sortableRule.tsx correctly 1`] = `
+exports[`<SortableTree /> > renders sortableRule.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -40076,7 +40076,7 @@ exports[`<SortableTree /> > renders src\\SortableTree\\demos\\sortableRule.tsx c
 </div>
 `;
 
-exports[`<SortableTree /> > renders src\\SortableTree\\demos\\virtual.tsx correctly 1`] = `
+exports[`<SortableTree /> > renders virtual.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -41511,7 +41511,7 @@ exports[`<SortableTree /> > renders src\\SortableTree\\demos\\virtual.tsx correc
 </div>
 `;
 
-exports[`<TipGuide /> > renders src\\TipGuide\\demos\\controlled.tsx correctly 1`] = `
+exports[`<TipGuide /> > renders controlled.tsx correctly 1`] = `
 .emotion-0 {
   position: relative;
   width: -webkit-fit-content;
@@ -41640,7 +41640,7 @@ exports[`<TipGuide /> > renders src\\TipGuide\\demos\\controlled.tsx correctly 1
 </div>
 `;
 
-exports[`<TipGuide /> > renders src\\TipGuide\\demos\\footer.tsx correctly 1`] = `
+exports[`<TipGuide /> > renders footer.tsx correctly 1`] = `
 .emotion-0 {
   position: relative;
   width: -webkit-fit-content;
@@ -41684,7 +41684,7 @@ exports[`<TipGuide /> > renders src\\TipGuide\\demos\\footer.tsx correctly 1`] =
 </div>
 `;
 
-exports[`<TipGuide /> > renders src\\TipGuide\\demos\\localStorage.tsx correctly 1`] = `
+exports[`<TipGuide /> > renders localStorage.tsx correctly 1`] = `
 .emotion-0 {
   position: relative;
   width: -webkit-fit-content;
@@ -41804,7 +41804,7 @@ exports[`<TipGuide /> > renders src\\TipGuide\\demos\\localStorage.tsx correctly
 </div>
 `;
 
-exports[`<TipGuide /> > renders src\\TipGuide\\demos\\normal.tsx correctly 1`] = `
+exports[`<TipGuide /> > renders normal.tsx correctly 1`] = `
 .emotion-0 {
   position: relative;
   width: -webkit-fit-content;
@@ -41848,7 +41848,7 @@ exports[`<TipGuide /> > renders src\\TipGuide\\demos\\normal.tsx correctly 1`] =
 </div>
 `;
 
-exports[`<TipGuide /> > renders src\\TipGuide\\demos\\offset.tsx correctly 1`] = `
+exports[`<TipGuide /> > renders offset.tsx correctly 1`] = `
 .emotion-0 {
   position: relative;
   width: -webkit-fit-content;
@@ -41893,7 +41893,7 @@ exports[`<TipGuide /> > renders src\\TipGuide\\demos\\offset.tsx correctly 1`] =
 </div>
 `;
 
-exports[`<antd /> > renders src\\antd\\demos\\basic.tsx correctly 1`] = `
+exports[`<antd /> > renders basic.tsx correctly 1`] = `
 .emotion-0:hover {
   color: rgba(0, 0, 0, 0.88);
   background-color: rgba(0, 0, 0, 0.04);
@@ -41947,7 +41947,7 @@ exports[`<antd /> > renders src\\antd\\demos\\basic.tsx correctly 1`] = `
 </div>
 `;
 
-exports[`<antd /> > renders src\\antd\\demos\\inputNumber.tsx correctly 1`] = `
+exports[`<antd /> > renders inputNumber.tsx correctly 1`] = `
 .emotion-0:hover {
   color: rgba(0, 0, 0, 0.88);
   background-color: rgba(0, 0, 0, 0.04);
@@ -42262,7 +42262,7 @@ exports[`<antd /> > renders src\\antd\\demos\\inputNumber.tsx correctly 1`] = `
 </div>
 `;
 
-exports[`<antd /> > renders src\\antd\\demos\\segmented.tsx correctly 1`] = `
+exports[`<antd /> > renders segmented.tsx correctly 1`] = `
 .emotion-0 {
   padding: 4px;
 }
@@ -42385,7 +42385,7 @@ exports[`<antd /> > renders src\\antd\\demos\\segmented.tsx correctly 1`] = `
 </div>
 `;
 
-exports[`<antd /> > renders src\\antd\\demos\\select.tsx correctly 1`] = `
+exports[`<antd /> > renders select.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -42741,7 +42741,7 @@ exports[`<antd /> > renders src\\antd\\demos\\select.tsx correctly 1`] = `
 </div>
 `;
 
-exports[`<antd /> > renders src\\antd\\demos\\tabs.tsx correctly 1`] = `
+exports[`<antd /> > renders tabs.tsx correctly 1`] = `
 .emotion-0 {
   position: relative;
   height: 100%;
@@ -42913,7 +42913,7 @@ exports[`<antd /> > renders src\\antd\\demos\\tabs.tsx correctly 1`] = `
 </div>
 `;
 
-exports[`<antd /> > renders src\\antd\\demos\\tree.tsx correctly 1`] = `
+exports[`<antd /> > renders tree.tsx correctly 1`] = `
 <div>
   <div
     class="studio-tree studio-tree-icon-hide"
@@ -43233,7 +43233,7 @@ exports[`<antd /> > renders src\\antd\\demos\\tree.tsx correctly 1`] = `
 </div>
 `;
 
-exports[`<antd /> > renders src\\antd\\demos\\treeselect.tsx correctly 1`] = `
+exports[`<antd /> > renders treeselect.tsx correctly 1`] = `
 <div>
   <div
     class="studio-select studio-tree-select studio-select-single studio-select-allow-clear studio-select-show-arrow studio-select-show-search"