@tonyclaw/agent-inspector 3.0.42 → 3.0.43

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 (60) hide show
  1. package/.output/nitro.json +1 -1
  2. package/.output/public/assets/{CompareDrawer-7Gr3T28l.js → CompareDrawer-BAXxwTwT.js} +1 -1
  3. package/.output/public/assets/{InspectorPet-BYY_Sa_k.js → InspectorPet-xYuGV4Qz.js} +167 -167
  4. package/.output/public/assets/ProxyViewerContainer-B6GZnUWi.js +126 -0
  5. package/.output/public/assets/{ReplayDialog-By1tvcuO.js → ReplayDialog-D73pyIg3.js} +1 -1
  6. package/.output/public/assets/{RequestAnatomy-AbVJG4VA.js → RequestAnatomy-CSDta_nu.js} +1 -1
  7. package/.output/public/assets/{ResponseView-BqfnTwq-.js → ResponseView-C4aIUPby.js} +1 -1
  8. package/.output/public/assets/{StreamingChunkSequence-BK_GhL1n.js → StreamingChunkSequence-D4xxosLx.js} +1 -1
  9. package/.output/public/assets/{_sessionId-BsoVln_N.js → _sessionId-CZHbJyWO.js} +1 -1
  10. package/.output/public/assets/{_sessionId-BEVn_RD0.js → _sessionId-DvuNLzSE.js} +1 -1
  11. package/.output/public/assets/{index-BmKouSES.js → index-B17u7JMC.js} +16 -22
  12. package/.output/public/assets/index-BWjeqxbk.css +1 -0
  13. package/.output/public/assets/{index-DPsfwdop.js → index-C0g79BAs.js} +1 -1
  14. package/.output/public/assets/{index-DavUo6mY.js → index-CmEO8ykj.js} +1 -1
  15. package/.output/public/assets/{index-D1Ar_Dtb.js → index-DZ_wpqQM.js} +1 -1
  16. package/.output/public/assets/{json-viewer-vkLlnvyf.js → json-viewer-CuWU-H6K.js} +1 -1
  17. package/.output/public/assets/{jszip.min-CMLonFfU.js → jszip.min-DPJI_UKW.js} +1 -1
  18. package/.output/server/{_sessionId-DYkPEoJd.mjs → _sessionId-CoFyeOti.mjs} +2 -2
  19. package/.output/server/{_sessionId-BH52f7aR.mjs → _sessionId-Cun21KZF.mjs} +1 -1
  20. package/.output/server/_ssr/{CompareDrawer-Bt3LIoPy.mjs → CompareDrawer-Bgc2TZh_.mjs} +2 -2
  21. package/.output/server/_ssr/{InspectorPet-CikVNW8S.mjs → InspectorPet-DyK2ojeh.mjs} +20 -10
  22. package/.output/server/_ssr/{ProxyViewerContainer-BS6MZd0t.mjs → ProxyViewerContainer-hvn6oVWD.mjs} +326 -235
  23. package/.output/server/_ssr/{ReplayDialog-DxFLoYlZ.mjs → ReplayDialog-KpnrGtZ-.mjs} +3 -3
  24. package/.output/server/_ssr/{RequestAnatomy-CbLJjhKb.mjs → RequestAnatomy-uCsfucn8.mjs} +2 -2
  25. package/.output/server/_ssr/{ResponseView-Bs1sYg_8.mjs → ResponseView-C8UPqoPO.mjs} +2 -2
  26. package/.output/server/_ssr/{StreamingChunkSequence-D0dBru3U.mjs → StreamingChunkSequence-BP28I9sh.mjs} +2 -2
  27. package/.output/server/_ssr/{index-DIHmtfFU.mjs → index-BVwVoQlZ.mjs} +1 -1
  28. package/.output/server/_ssr/{index-hK95DE4-.mjs → index-Du3YNDKx.mjs} +2 -2
  29. package/.output/server/_ssr/index.mjs +2 -2
  30. package/.output/server/_ssr/{json-viewer-BfRCUg1t.mjs → json-viewer-DrE0vtlB.mjs} +2 -2
  31. package/.output/server/_ssr/{router-NjASMtmk.mjs → router-C6nWUZHK.mjs} +18 -24
  32. package/.output/server/{_tanstack-start-manifest_v-BNqjyvHx.mjs → _tanstack-start-manifest_v-rshlRaiN.mjs} +1 -1
  33. package/.output/server/index.mjs +98 -98
  34. package/package.json +5 -1
  35. package/scripts/generate-theme-scales.mjs +22 -0
  36. package/src/components/ProxyViewer.tsx +217 -103
  37. package/src/components/alerts/AlertsDialog.tsx +17 -17
  38. package/src/components/ecosystem/AgentLabDialog.tsx +11 -4
  39. package/src/components/groups/GroupsDialog.tsx +41 -26
  40. package/src/components/inspector-pet/InspectorPet.tsx +9 -9
  41. package/src/components/inspector-pet/inspectorPetLogic.ts +15 -1
  42. package/src/components/pi-agent/PiAgentPanel.tsx +12 -35
  43. package/src/components/pi-agent/piAgentChatLogic.ts +0 -24
  44. package/src/components/providers/ImportWizardDialog.tsx +1 -1
  45. package/src/components/providers/ProviderCard.tsx +4 -4
  46. package/src/components/providers/ProviderForm.tsx +11 -7
  47. package/src/components/providers/ProviderTestResultsView.tsx +15 -17
  48. package/src/components/providers/ProvidersPanel.tsx +1 -1
  49. package/src/components/providers/SettingsDialog.tsx +11 -7
  50. package/src/components/proxy-viewer/LogEntryHeader.tsx +2 -2
  51. package/src/components/proxy-viewer/TurnGroup.tsx +1 -1
  52. package/src/components/ui/icon-trigger.ts +1 -1
  53. package/src/lib/themeMode.ts +1 -5
  54. package/src/lib/uiScale.ts +8 -3
  55. package/src/routes/__root.tsx +5 -10
  56. package/styles/globals.css +35 -143
  57. package/styles/theme-scales.css +50 -0
  58. package/styles/themes.css +157 -0
  59. package/.output/public/assets/ProxyViewerContainer-CCtygisW.js +0 -126
  60. package/.output/public/assets/index-DKwrwHsI.css +0 -1
package/styles/themes.css ADDED
@@ -0,0 +1,157 @@
1
+ @import "./theme-scales.css";
2
+
3
+ /*
4
+ * Agent Inspector theme contract.
5
+ *
6
+ * This file intentionally contains plain CSS only. Consumers select a palette by setting
7
+ * data-theme on the document root and can use the semantic custom properties without React,
8
+ * Tailwind, shadcn/ui, or any other UI framework.
9
+ */
10
+
11
+ :root,
12
+ :root[data-theme="light"] {
13
+ color-scheme: light;
14
+ --inspector-surface-low: color-mix(in oklch, var(--foreground) 3.5%, transparent);
15
+ --inspector-surface-medium: color-mix(in oklch, var(--foreground) 6%, transparent);
16
+ --inspector-text-strong: var(--inspector-neutral-12);
17
+ --inspector-text-default: var(--foreground);
18
+ --inspector-text-muted: var(--muted-foreground);
19
+ --inspector-text-subtle: oklch(0.48 0.02 245);
20
+ --inspector-text-link: oklch(0.38 0.1 210);
21
+ --inspector-status-cool: oklch(0.4 0.1 210);
22
+ --inspector-status-info: oklch(0.35 0.12 250);
23
+ --inspector-status-success: oklch(0.5 0.09 158);
24
+ --inspector-status-watch: oklch(0.42 0.11 75);
25
+ --inspector-status-danger: oklch(0.3 0.15 25);
26
+ --inspector-status-accent: oklch(0.47 0.12 300);
27
+ --background: var(--inspector-neutral-3);
28
+ --foreground: var(--inspector-neutral-12);
29
+ --card: var(--inspector-neutral-1);
30
+ --card-foreground: var(--inspector-neutral-12);
31
+ --popover: var(--inspector-neutral-1);
32
+ --popover-foreground: var(--inspector-neutral-12);
33
+ --primary: oklch(0.32 0.075 225);
34
+ --primary-foreground: oklch(0.985 0.006 85);
35
+ --secondary: var(--inspector-neutral-4);
36
+ --secondary-foreground: oklch(0.25 0.022 245);
37
+ --muted: var(--inspector-neutral-5);
38
+ --muted-foreground: var(--inspector-neutral-11);
39
+ --accent: oklch(0.89 0.045 205);
40
+ --accent-foreground: oklch(0.25 0.065 220);
41
+ --destructive: oklch(0.5 0.2 27);
42
+ --warning: oklch(0.46 0.12 70);
43
+ --border: var(--inspector-neutral-7);
44
+ --input: var(--inspector-neutral-8);
45
+ --ring: oklch(0.47 0.105 215);
46
+ --chart-1: oklch(0.59 0.16 45);
47
+ --chart-2: oklch(0.55 0.12 195);
48
+ --chart-3: oklch(0.46 0.1 235);
49
+ --chart-4: oklch(0.7 0.15 78);
50
+ --chart-5: oklch(0.58 0.16 25);
51
+ --sidebar: var(--inspector-neutral-3);
52
+ --sidebar-foreground: var(--inspector-neutral-12);
53
+ --sidebar-primary: oklch(0.32 0.075 225);
54
+ --sidebar-primary-foreground: oklch(0.985 0.006 85);
55
+ --sidebar-accent: oklch(0.89 0.045 205);
56
+ --sidebar-accent-foreground: oklch(0.25 0.065 220);
57
+ --sidebar-border: var(--inspector-neutral-7);
58
+ --sidebar-ring: oklch(0.47 0.105 215);
59
+ }
60
+
61
+ :root[data-theme="dark"] {
62
+ color-scheme: dark;
63
+ --inspector-surface-low: color-mix(in oklch, var(--foreground) 3.5%, transparent);
64
+ --inspector-surface-medium: color-mix(in oklch, var(--foreground) 6%, transparent);
65
+ --inspector-text-strong: oklch(0.94 0.01 85);
66
+ --inspector-text-default: var(--foreground);
67
+ --inspector-text-muted: var(--muted-foreground);
68
+ --inspector-text-subtle: oklch(0.66 0.02 220);
69
+ --inspector-text-link: oklch(0.78 0.1 205);
70
+ --inspector-status-cool: oklch(0.72 0.11 205);
71
+ --inspector-status-info: oklch(0.78 0.12 255);
72
+ --inspector-status-success: oklch(0.8 0.1 155);
73
+ --inspector-status-watch: oklch(0.86 0.12 80);
74
+ --inspector-status-danger: oklch(0.64 0.18 25);
75
+ --inspector-status-accent: oklch(0.68 0.13 300);
76
+ --background: var(--inspector-neutral-1);
77
+ --foreground: oklch(0.88 0.012 85);
78
+ --card: var(--inspector-neutral-2);
79
+ --card-foreground: oklch(0.88 0.012 85);
80
+ --popover: var(--inspector-neutral-3);
81
+ --popover-foreground: oklch(0.88 0.012 85);
82
+ --primary: oklch(0.76 0.14 65);
83
+ --primary-foreground: oklch(0.17 0.02 240);
84
+ --secondary: var(--inspector-neutral-4);
85
+ --secondary-foreground: oklch(0.88 0.012 85);
86
+ --muted: var(--inspector-neutral-4);
87
+ --muted-foreground: oklch(0.72 0.02 220);
88
+ --accent: oklch(0.3 0.045 205);
89
+ --accent-foreground: oklch(0.91 0.025 195);
90
+ --destructive: oklch(0.68 0.19 25);
91
+ --warning: oklch(0.76 0.14 75);
92
+ --border: oklch(0.92 0.012 210 / 24%);
93
+ --input: oklch(0.92 0.012 210 / 40%);
94
+ --ring: oklch(0.67 0.11 205);
95
+ --chart-1: oklch(0.72 0.15 65);
96
+ --chart-2: oklch(0.7 0.12 195);
97
+ --chart-3: oklch(0.66 0.13 245);
98
+ --chart-4: oklch(0.68 0.15 310);
99
+ --chart-5: oklch(0.68 0.18 25);
100
+ --sidebar: var(--inspector-neutral-2);
101
+ --sidebar-foreground: oklch(0.88 0.012 85);
102
+ --sidebar-primary: oklch(0.72 0.13 65);
103
+ --sidebar-primary-foreground: oklch(0.17 0.02 240);
104
+ --sidebar-accent: oklch(0.27 0.035 205);
105
+ --sidebar-accent-foreground: oklch(0.91 0.025 195);
106
+ --sidebar-border: oklch(0.92 0.012 210 / 24%);
107
+ --sidebar-ring: oklch(0.67 0.11 205);
108
+ }
109
+
110
+ :root[data-theme="eye-care"] {
111
+ color-scheme: light;
112
+ --inspector-surface-low: color-mix(in oklch, var(--foreground) 3.5%, transparent);
113
+ --inspector-surface-medium: color-mix(in oklch, var(--foreground) 6%, transparent);
114
+ --inspector-text-strong: var(--inspector-neutral-12);
115
+ --inspector-text-default: var(--foreground);
116
+ --inspector-text-muted: var(--muted-foreground);
117
+ --inspector-text-subtle: oklch(0.41 0.03 140);
118
+ --inspector-text-link: oklch(0.38 0.075 190);
119
+ --inspector-status-cool: oklch(0.39 0.075 190);
120
+ --inspector-status-info: oklch(0.33 0.1 270);
121
+ --inspector-status-success: oklch(0.46 0.08 155);
122
+ --inspector-status-watch: oklch(0.39 0.1 75);
123
+ --inspector-status-danger: oklch(0.27 0.14 25);
124
+ --inspector-status-accent: oklch(0.46 0.11 295);
125
+ --background: var(--inspector-neutral-5);
126
+ --foreground: var(--inspector-neutral-12);
127
+ --card: var(--inspector-neutral-3);
128
+ --card-foreground: var(--inspector-neutral-12);
129
+ --popover: var(--inspector-neutral-2);
130
+ --popover-foreground: var(--inspector-neutral-12);
131
+ --primary: oklch(0.38 0.085 155);
132
+ --primary-foreground: oklch(0.98 0.006 95);
133
+ --secondary: var(--inspector-neutral-6);
134
+ --secondary-foreground: oklch(0.26 0.035 145);
135
+ --muted: var(--inspector-neutral-7);
136
+ --muted-foreground: oklch(0.38 0.035 145);
137
+ --accent: oklch(0.78 0.04 125);
138
+ --accent-foreground: oklch(0.25 0.05 145);
139
+ --destructive: oklch(0.47 0.17 28);
140
+ --warning: oklch(0.42 0.1 70);
141
+ --border: var(--inspector-neutral-9);
142
+ --input: var(--inspector-neutral-10);
143
+ --ring: oklch(0.44 0.09 165);
144
+ --chart-1: oklch(0.5 0.1 155);
145
+ --chart-2: oklch(0.54 0.09 210);
146
+ --chart-3: oklch(0.65 0.12 72);
147
+ --chart-4: oklch(0.55 0.1 300);
148
+ --chart-5: oklch(0.57 0.14 25);
149
+ --sidebar: var(--inspector-neutral-6);
150
+ --sidebar-foreground: var(--inspector-neutral-12);
151
+ --sidebar-primary: oklch(0.38 0.085 155);
152
+ --sidebar-primary-foreground: oklch(0.98 0.006 95);
153
+ --sidebar-accent: oklch(0.78 0.04 125);
154
+ --sidebar-accent-foreground: oklch(0.25 0.05 145);
155
+ --sidebar-border: var(--inspector-neutral-9);
156
+ --sidebar-ring: oklch(0.44 0.09 165);
157
+ }