@unson/brainbase-mcp 0.41.3 → 0.41.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4,13 +4,190 @@
4
4
  min-width: 0;
5
5
  }
6
6
 
7
+ .bb-jh .bb-ws-breadcrumb {
8
+ margin-bottom: 4px;
9
+ font-size: 12px;
10
+ }
11
+
12
+ .bb-jh .bb-ws-page-head {
13
+ align-items: flex-end;
14
+ gap: 8px 16px;
15
+ }
16
+
17
+ .bb-jh .bb-ws-page-head h1 {
18
+ font-size: 20px;
19
+ font-weight: 800;
20
+ line-height: 1.25;
21
+ letter-spacing: 0;
22
+ }
23
+
24
+ .bb-jh .bb-ws-lead {
25
+ margin: 0;
26
+ font-size: 12.5px;
27
+ line-height: 1.4;
28
+ }
29
+
30
+ .bb-jh-banner {
31
+ display: flex;
32
+ align-items: center;
33
+ gap: 10px;
34
+ margin: 10px 0 8px;
35
+ padding: 6px 10px;
36
+ border: 1px solid #f0d98c;
37
+ border-radius: 6px;
38
+ background: #fff8e6;
39
+ font-size: 12.5px;
40
+ line-height: 1.4;
41
+ }
42
+
43
+ .bb-jh-banner.is-info {
44
+ border-color: #cddcf2;
45
+ background: #f2f6fc;
46
+ }
47
+
48
+ .bb-jh-banner.is-danger {
49
+ border-color: #f0b4b4;
50
+ background: #fdecec;
51
+ }
52
+
53
+ .bb-jh-banner > strong,
54
+ .bb-jh-banner-note,
55
+ .bb-jh-source-detail summary {
56
+ white-space: nowrap;
57
+ }
58
+
59
+ .bb-jh-banner-sources {
60
+ display: flex;
61
+ flex: 1 1 auto;
62
+ flex-wrap: nowrap;
63
+ gap: 12px;
64
+ min-width: 0;
65
+ overflow: hidden;
66
+ }
67
+
68
+ .bb-jh-banner-sources > span {
69
+ white-space: nowrap;
70
+ }
71
+
72
+ .bb-jh-banner-note {
73
+ color: var(--bb-color-muted);
74
+ }
75
+
76
+ .bb-jh-source-detail {
77
+ margin-left: auto;
78
+ flex: none;
79
+ }
80
+
81
+ .bb-jh-source-detail summary {
82
+ color: #1a56b8;
83
+ cursor: pointer;
84
+ }
85
+
86
+ .bb-jh-source-detail-body {
87
+ position: absolute;
88
+ z-index: 2;
89
+ display: grid;
90
+ gap: 4px;
91
+ max-width: 360px;
92
+ margin-top: 6px;
93
+ padding: 8px 10px;
94
+ border: 1px solid var(--bb-color-border);
95
+ border-radius: 6px;
96
+ background: var(--bb-color-panel, #fff);
97
+ color: var(--bb-color-muted);
98
+ font-size: 12px;
99
+ }
100
+
101
+ .bb-jh-source-detail-body p {
102
+ margin: 0;
103
+ }
104
+
105
+ .bb-jh-banner > .bb-ws-button {
106
+ align-self: center;
107
+ flex: none;
108
+ }
109
+
7
110
  .bb-jh-controls {
8
111
  display: flex;
9
- flex-wrap: wrap;
112
+ flex-wrap: nowrap;
10
113
  align-items: center;
11
- justify-content: space-between;
12
- gap: 14px 20px;
13
- margin: 28px 0 20px;
114
+ gap: 8px;
115
+ margin: 0 0 6px;
116
+ }
117
+
118
+ .bb-jh-toolbar-status {
119
+ display: flex;
120
+ flex: none;
121
+ align-items: center;
122
+ gap: 8px;
123
+ margin-left: auto;
124
+ }
125
+
126
+ .bb-jh-checked {
127
+ color: var(--bb-color-muted);
128
+ font-size: 12.5px;
129
+ white-space: nowrap;
130
+ }
131
+
132
+ .bb-jh-controls .bb-ws-button:disabled {
133
+ color: #9aa0a6;
134
+ opacity: 0.55;
135
+ }
136
+
137
+ .bb-jh-summary {
138
+ margin: 4px 0 6px;
139
+ color: #3b4148;
140
+ font-size: 12.5px;
141
+ }
142
+
143
+ .bb-jh-summary strong {
144
+ color: #111;
145
+ font-size: 14px;
146
+ }
147
+
148
+ .bb-jh-summary-note {
149
+ color: #6b7280;
150
+ }
151
+
152
+ .bb-jh-skeleton {
153
+ display: block;
154
+ height: 10px;
155
+ border-radius: 4px;
156
+ background: linear-gradient(90deg, #eef0f2, #f6f7f8, #eef0f2);
157
+ background-size: 200% 100%;
158
+ animation: bb-jh-shimmer 1.6s linear infinite;
159
+ }
160
+
161
+ .bb-jh-skeleton.is-inline {
162
+ display: inline-block;
163
+ width: 36px;
164
+ vertical-align: middle;
165
+ }
166
+
167
+ .bb-jh-skeleton.is-date { width: 60px; }
168
+ .bb-jh-skeleton.is-decision { width: 85%; }
169
+ .bb-jh-skeleton.is-reference { width: 75%; }
170
+ .bb-jh-skeleton.is-status { width: 60px; }
171
+
172
+ .bb-jh-skeleton-row {
173
+ pointer-events: none;
174
+ }
175
+
176
+ @keyframes bb-jh-shimmer {
177
+ from { background-position: 100% 0; }
178
+ to { background-position: -100% 0; }
179
+ }
180
+
181
+ .bb-jh.is-reduced-motion .bb-jh-skeleton {
182
+ animation: none;
183
+ background: #eef0f2;
184
+ }
185
+
186
+ @media (prefers-reduced-motion: reduce) {
187
+ .bb-jh-skeleton {
188
+ animation: none;
189
+ background: #eef0f2;
190
+ }
14
191
  }
15
192
 
16
193
  .bb-jh-reference-note {
@@ -22,8 +199,14 @@
22
199
 
23
200
  .bb-jh-periods {
24
201
  display: flex;
25
- flex-wrap: wrap;
26
- gap: 6px;
202
+ flex: none;
203
+ flex-wrap: nowrap;
204
+ gap: 0;
205
+ }
206
+
207
+ .bb-jh-periods .bb-ws-button {
208
+ min-height: 30px;
209
+ padding: 3px 10px;
27
210
  }
28
211
 
29
212
  .bb-jh-normal-filters {
@@ -34,11 +217,14 @@
34
217
  }
35
218
 
36
219
  .bb-jh-filter {
37
- display: grid;
38
- min-width: 130px;
220
+ display: flex;
221
+ flex: none;
222
+ align-items: center;
39
223
  gap: 4px;
224
+ min-width: 0;
40
225
  color: var(--bb-color-muted);
41
- font-size: 11px;
226
+ font-size: 12.5px;
227
+ white-space: nowrap;
42
228
  }
43
229
 
44
230
  .bb-jh-filter span {
@@ -46,10 +232,10 @@
46
232
  }
47
233
 
48
234
  .bb-jh-filter select {
49
- min-height: 38px;
235
+ min-height: 30px;
50
236
  border: 1px solid var(--bb-color-border-strong);
51
237
  border-radius: var(--bb-radius-sm);
52
- padding: 7px 28px 7px 10px;
238
+ padding: 3px 8px;
53
239
  background: var(--bb-color-panel);
54
240
  color: var(--bb-color-ink);
55
241
  font: inherit;
@@ -57,12 +243,13 @@
57
243
 
58
244
  .bb-jh-search {
59
245
  display: flex;
60
- flex: 1 1 230px;
246
+ flex: 1 1 110px;
61
247
  align-items: center;
62
248
  gap: 9px;
63
- max-width: 330px;
249
+ min-width: 110px;
250
+ max-width: none;
64
251
  color: var(--bb-color-muted);
65
- font-size: 12px;
252
+ font-size: 12.5px;
66
253
  }
67
254
 
68
255
  .bb-jh-search span {
@@ -77,10 +264,10 @@
77
264
 
78
265
  .bb-jh-search input {
79
266
  width: 100%;
80
- min-height: 38px;
267
+ min-height: 30px;
81
268
  border: 1px solid var(--bb-color-border-strong);
82
269
  border-radius: var(--bb-radius-sm);
83
- padding: 8px 12px;
270
+ padding: 3px 10px;
84
271
  background: var(--bb-color-panel);
85
272
  color: var(--bb-color-ink);
86
273
  font: inherit;
@@ -105,14 +292,14 @@
105
292
  }
106
293
 
107
294
  .bb-jh-ledger .bb-ws-ledger-row {
108
- grid-template-columns: 124px minmax(190px, 1.05fr) minmax(260px, 1.8fr);
109
- align-items: stretch;
110
- min-height: 76px;
295
+ grid-template-columns: 92px minmax(0, 1fr) 250px 105px;
296
+ align-items: center;
297
+ min-height: 52px;
111
298
  }
112
299
 
113
300
  .bb-jh-ledger .bb-ws-ledger-head {
114
301
  align-items: center;
115
- min-height: 38px;
302
+ min-height: 32px;
116
303
  }
117
304
 
118
305
  .bb-jh-ledger .bb-ws-ledger-row > span {
@@ -386,7 +573,13 @@
386
573
  text-transform: uppercase;
387
574
  }
388
575
 
576
+ .bb-jh-controls,
577
+ .bb-jh-banner-sources {
578
+ flex-wrap: wrap;
579
+ }
580
+
389
581
  .bb-jh-ledger .bb-ws-ledger-row > span:nth-child(1)::before { content: '日時'; }
390
- .bb-jh-ledger .bb-ws-ledger-row > span:nth-child(2)::before { content: '使った参照'; }
391
- .bb-jh-ledger .bb-ws-ledger-row > span:nth-child(3)::before { content: '行った判断'; }
582
+ .bb-jh-ledger .bb-ws-ledger-row > span:nth-child(2)::before { content: '行った判断'; }
583
+ .bb-jh-ledger .bb-ws-ledger-row > span:nth-child(3)::before { content: '使った参照'; }
584
+ .bb-jh-ledger .bb-ws-ledger-row > span:nth-child(4)::before { content: '入口・状態'; }
392
585
  }