@machfivetechchicago/machvive-webmcp-ai 5.6.0 → 5.6.1

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.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/src/wc/machvive-webmcp-analytics/machvive-webmcp-analytics.js +12 -5
  3. package/src/wc/machvive-webmcp-inspect/machvive-webmcp-inspect.js +24 -11
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@machfivetechchicago/machvive-webmcp-ai",
3
- "version": "5.6.0",
3
+ "version": "5.6.1",
4
4
  "description": "I don't want to use your product's agent; I want my agent to be able to use your product.",
5
5
  "keywords": [
6
6
  "WebMCP",
package/src/wc/machvive-webmcp-analytics/machvive-webmcp-analytics.js CHANGED
@@ -368,12 +368,18 @@ export function installAnalytics(log = callLog) {
368
368
  }
369
369
 
370
370
  const STYLES = `
371
- :host { display: block; font: 13px/1.5 system-ui, sans-serif; color: #1a1a1a; }
371
+ /* This widget paints a light palette explicitly. Declaring the scheme keeps
372
+ UA-rendered parts (controls, scrollbars) light too, instead of the browser
373
+ handing form controls dark-mode defaults that vanish on these backgrounds. */
374
+ :host { display: block; font: 13px/1.5 system-ui, sans-serif; color: #1a1a1a;
375
+ color-scheme: light; }
372
376
  :host([hidden]) { display: none; }
373
377
  .bar { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; margin-bottom: 8px; }
374
378
  .count { font-weight: 600; margin-right: auto; }
375
- button { font: inherit; padding: 3px 9px; border: 1px solid #ccc; border-radius: 4px;
376
- background: #fff; cursor: pointer; }
379
+ /* color is required, not decorative: form controls do not inherit it, so
380
+ without this the UA picks one per theme and white-on-white can result. */
381
+ button { font: inherit; color: #1a1a1a; padding: 3px 9px; border: 1px solid #ccc;
382
+ border-radius: 4px; background: #fff; cursor: pointer; }
377
383
  button:hover { background: #f2f2f2; }
378
384
  button.danger { color: #a01; border-color: #d8a0a0; }
379
385
  ol { list-style: none; margin: 0; padding: 0; border: 1px solid #e2e2e2; border-radius: 6px;
@@ -390,8 +396,9 @@ const STYLES = `
390
396
  .detail { padding: 8px 10px; background: #fbfbfb; border-top: 1px solid #eee; }
391
397
  .detail label { display: block; font-size: 11px; color: #666; margin: 6px 0 2px; }
392
398
  textarea { width: 100%; box-sizing: border-box; font-family: ui-monospace, monospace;
393
- font-size: 12px; border: 1px solid #ddd; border-radius: 4px; padding: 5px; }
394
- pre { margin: 0; padding: 6px; background: #fff; border: 1px solid #eee; border-radius: 4px;
399
+ font-size: 12px; color: #1a1a1a; background: #fff; border: 1px solid #ddd;
400
+ border-radius: 4px; padding: 5px; }
401
+ pre { margin: 0; padding: 6px; color: #1a1a1a; background: #fff; border: 1px solid #eee; border-radius: 4px;
395
402
  font-size: 12px; overflow-x: auto; white-space: pre-wrap; word-break: break-word; }
396
403
  .empty { padding: 20px; text-align: center; color: #888; }
397
404
  .err { color: #c5221f; }
package/src/wc/machvive-webmcp-inspect/machvive-webmcp-inspect.js CHANGED
@@ -31,7 +31,11 @@ function readControl(input, schema = {}) {
31
31
  }
32
32
 
33
33
  const STYLES = `
34
- :host { display: block; font: 13px/1.5 system-ui, sans-serif; color: #1a1a1a; }
34
+ /* This widget paints a light palette explicitly. Declaring the scheme keeps
35
+ UA-rendered parts (controls, scrollbars) light too, instead of the browser
36
+ handing form controls dark-mode defaults that vanish on these backgrounds. */
37
+ :host { display: block; font: 13px/1.5 system-ui, sans-serif; color: #1a1a1a;
38
+ color-scheme: light; }
35
39
  :host([hidden]) { display: none; }
36
40
 
37
41
  /* Floating mode docks the panel without disturbing page layout. */
@@ -44,11 +48,11 @@ const STYLES = `
44
48
  :host([floating]) .fab { display: inline-flex; }
45
49
  .fab { display: none; align-items: center; gap: 6px; margin-top: 8px; float: right;
46
50
  padding: 7px 13px; border-radius: 999px; border: 1px solid #ccc; background: #fff;
47
- cursor: pointer; font: inherit; box-shadow: 0 2px 8px rgba(0,0,0,.14); }
51
+ color: #1a1a1a; cursor: pointer; font: inherit; box-shadow: 0 2px 8px rgba(0,0,0,.14); }
48
52
 
49
53
  .panel { border: 1px solid #e2e2e2; border-radius: 8px; overflow: hidden; }
50
54
  header { display: flex; align-items: center; gap: 8px; padding: 7px 10px;
51
- background: #fafafa; border-bottom: 1px solid #eee; font-weight: 600; }
55
+ background: #fafafa; color: #1a1a1a; border-bottom: 1px solid #eee; font-weight: 600; }
52
56
  header .close { margin-left: auto; border: 0; background: none; cursor: pointer;
53
57
  font-size: 16px; line-height: 1; color: #666; }
54
58
  :host(:not([floating])) header .close { display: none; }
@@ -56,11 +60,16 @@ const STYLES = `
56
60
  .body { display: flex; min-height: 150px; }
57
61
  @media (max-width: 520px) { .body { flex-direction: column; } }
58
62
 
59
- .tools { flex: 0 0 150px; border-right: 1px solid #eee; overflow-y: auto; }
60
- @media (max-width: 520px) { .tools { flex: none; border-right: 0; border-bottom: 1px solid #eee; } }
63
+ .tools { flex: 0 1 auto; min-width: 120px; max-width: 200px;
64
+ border-right: 1px solid #eee; overflow-y: auto; }
65
+ @media (max-width: 520px) { .tools { flex: none; max-width: none; border-right: 0;
66
+ border-bottom: 1px solid #eee; } }
67
+ /* Tool names are arbitrary identifiers; long ones must wrap inside the column
68
+ rather than spill over the divider. */
61
69
  .tools button { display: block; width: 100%; text-align: left; padding: 6px 10px;
62
- border: 0; background: none; cursor: pointer; font: inherit;
63
- font-family: ui-monospace, monospace; border-bottom: 1px solid #f4f4f4; }
70
+ border: 0; background: none; color: #1a1a1a; cursor: pointer; font: inherit;
71
+ font-family: ui-monospace, monospace; font-size: 12px;
72
+ overflow-wrap: anywhere; border-bottom: 1px solid #f4f4f4; }
64
73
  .tools button:hover { background: #f6f6f6; }
65
74
  .tools button[aria-current="true"] { background: #e8f0fe; font-weight: 600; }
66
75
 
@@ -70,14 +79,18 @@ const STYLES = `
70
79
  .name { font-family: ui-monospace, monospace; font-size: 12px; }
71
80
  .req { color: #c5221f; }
72
81
  .hint { color: #888; font-size: 11px; }
82
+ /* color/background are required, not decorative: form controls do not inherit
83
+ them, so without these the UA picks per-theme defaults and text can render
84
+ white on white. */
73
85
  input, select, textarea { width: 100%; box-sizing: border-box; font: inherit; font-size: 12px;
74
- padding: 4px 6px; border: 1px solid #ddd; border-radius: 4px; }
86
+ color: #1a1a1a; background: #fff; padding: 4px 6px;
87
+ border: 1px solid #ddd; border-radius: 4px; }
75
88
  input[type="checkbox"] { width: auto; }
76
89
  textarea { font-family: ui-monospace, monospace; }
77
- .run { margin-top: 4px; padding: 5px 14px; border: 1px solid #1a73e8; border-radius: 4px;
78
- background: #1a73e8; color: #fff; cursor: pointer; font: inherit; }
90
+ .run { margin-top: 4px; padding: 5px 14px; border: 1px solid #1565c0; border-radius: 4px;
91
+ background: #1565c0; color: #fff; cursor: pointer; font: inherit; }
79
92
  .run:disabled { opacity: .6; cursor: default; }
80
- pre { margin: 8px 0 0; padding: 7px; background: #fafafa; border: 1px solid #eee;
93
+ pre { margin: 8px 0 0; padding: 7px; color: #1a1a1a; background: #fafafa; border: 1px solid #eee;
81
94
  border-radius: 4px; font-size: 12px; white-space: pre-wrap; word-break: break-word;
82
95
  max-height: 180px; overflow: auto; }
83
96
  pre.error { background: #fce8e6; border-color: #f5c6c2; color: #c5221f; }