personal memory agent
speakers: unify two-panel border into parent grid layout
Move border/radius from individual panels to .spk-layout, fill viewport
height, and convert both panels to flex columns so content fills space.
+19
-8
+19
-8
apps/speakers/workspace.html
+19
-8
apps/speakers/workspace.html
···
12
12
.spk-layout {
13
13
display: grid;
14
14
grid-template-columns: 320px 1fr;
15
-
gap: 24px;
16
-
min-height: 400px;
15
+
gap: 0;
16
+
min-height: calc(100vh - 260px);
17
+
border: 1px solid #e5e7eb;
18
+
border-radius: 12px;
19
+
overflow: hidden;
20
+
background: #fff;
17
21
}
18
22
19
23
.spk-segments {
20
24
background: #fff;
21
-
border-radius: 12px;
22
-
border: 1px solid #e5e7eb;
25
+
border-radius: 0;
26
+
border: none;
27
+
display: flex;
28
+
flex-direction: column;
23
29
overflow: hidden;
24
30
}
25
31
···
34
40
}
35
41
36
42
.spk-segments-list {
37
-
max-height: min(500px, calc(100vh - 260px));
43
+
flex: 1;
38
44
overflow-y: auto;
39
45
}
40
46
···
140
146
141
147
.spk-detail {
142
148
background: #fff;
143
-
border-radius: 12px;
144
-
border: 1px solid #e5e7eb;
149
+
border-radius: 0;
150
+
border: none;
151
+
border-left: 1px solid #e5e7eb;
152
+
display: flex;
153
+
flex-direction: column;
145
154
padding: 20px;
146
155
}
147
156
···
913
922
}
914
923
.spk-layout {
915
924
grid-template-columns: 1fr;
916
-
gap: 16px;
925
+
gap: 0;
917
926
min-height: auto;
918
927
}
919
928
.spk-segments-list {
920
929
max-height: 40vh;
921
930
}
922
931
.spk-detail {
932
+
border-left: none;
933
+
border-top: 1px solid #e5e7eb;
923
934
padding: 16px;
924
935
}
925
936
.spk-discovery-clusters {