personal memory agent
speakers: top-align empty states and add detail-panel visual container
Top-align the shared empty state with increased top padding instead of vertical centering.
Tighten padding and top-align the segment-list empty state.
Add a dedicated detail-panel empty-state container with a dashed border, light background, and rounded corners so the placeholder reads as intentional.
+12
-3
+12
-3
apps/speakers/workspace.html
+12
-3
apps/speakers/workspace.html
···
107
107
display: flex;
108
108
flex-direction: column;
109
109
align-items: center;
110
-
justify-content: center;
110
+
justify-content: flex-start;
111
111
height: 100%;
112
112
text-align: center;
113
113
color: #9ca3af;
114
-
padding: 48px 24px;
114
+
padding: 80px 24px 24px;
115
115
gap: 12px;
116
116
}
117
117
118
118
.spk-segments .spk-empty-state {
119
-
padding: 32px 16px;
119
+
justify-content: flex-start;
120
+
padding: 24px 16px;
121
+
}
122
+
123
+
.spk-detail > .spk-empty-state {
124
+
background: #f9fafb;
125
+
border-radius: 12px;
126
+
border: 1px dashed #e5e7eb;
127
+
margin: 20px;
128
+
flex: 1;
120
129
}
121
130
122
131
.spk-empty-icon svg {