@cryptiklemur/lattice 1.10.0 → 1.10.2

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.
@@ -117,27 +117,37 @@ export function ChartCard(props: ChartCardProps) {
117
117
  onClick={closeFullscreen}
118
118
  />
119
119
  <div
120
- className="fixed inset-4 sm:inset-8 z-[9999] rounded-2xl border border-base-content/10 bg-base-200 shadow-2xl overflow-hidden flex flex-col"
121
- style={animating ? { opacity: 0, transform: "scale(0.95)", transition: "all 250ms cubic-bezier(0.4, 0, 0.2, 1)" } : { opacity: 1, transform: "scale(1)", transition: "all 250ms cubic-bezier(0.4, 0, 0.2, 1)" }}
120
+ className="fixed inset-0 z-[9999] flex items-center justify-center p-8"
121
+ style={{ pointerEvents: "none" }}
122
122
  >
123
- <div className="flex items-center justify-between px-6 py-4 border-b border-base-content/8 flex-shrink-0">
124
- <span className="text-[12px] font-mono font-bold uppercase tracking-widest text-base-content/50">
125
- {props.title}
126
- </span>
127
- <div className="flex items-center gap-3">
128
- {props.action && <div>{props.action}</div>}
129
- <button
130
- onClick={closeFullscreen}
131
- className="text-base-content/30 hover:text-base-content/60 transition-colors cursor-pointer p-1 rounded-lg hover:bg-base-content/5"
132
- aria-label="Exit fullscreen"
133
- >
134
- <Minimize2 size={16} />
135
- </button>
123
+ <div
124
+ className="w-full max-w-[1100px] rounded-2xl border border-base-content/10 bg-base-200 shadow-2xl overflow-hidden flex flex-col"
125
+ style={Object.assign(
126
+ { maxHeight: "65vh", pointerEvents: "auto" as const },
127
+ animating
128
+ ? { opacity: 0, transform: "scale(0.95)", transition: "all 250ms cubic-bezier(0.4, 0, 0.2, 1)" }
129
+ : { opacity: 1, transform: "scale(1)", transition: "all 250ms cubic-bezier(0.4, 0, 0.2, 1)" }
130
+ )}
131
+ >
132
+ <div className="flex items-center justify-between px-6 py-3 border-b border-base-content/8 flex-shrink-0">
133
+ <span className="text-[12px] font-mono font-bold uppercase tracking-widest text-base-content/50">
134
+ {props.title}
135
+ </span>
136
+ <div className="flex items-center gap-3">
137
+ {props.action && <div>{props.action}</div>}
138
+ <button
139
+ onClick={closeFullscreen}
140
+ className="text-base-content/30 hover:text-base-content/60 transition-colors cursor-pointer p-1 rounded-lg hover:bg-base-content/5"
141
+ aria-label="Exit fullscreen"
142
+ >
143
+ <Minimize2 size={16} />
144
+ </button>
145
+ </div>
136
146
  </div>
137
- </div>
138
- <div className="flex-1 p-6 overflow-auto flex items-center justify-center">
139
- <div className="w-full h-full">
140
- {props.children}
147
+ <div className="flex-1 p-6 overflow-auto min-h-0 [&_.recharts-wrapper]:!h-full [&_.recharts-responsive-container]:!h-full">
148
+ <div style={{ height: "100%" }}>
149
+ {props.children}
150
+ </div>
141
151
  </div>
142
152
  </div>
143
153
  </div>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cryptiklemur/lattice",
3
- "version": "1.10.0",
3
+ "version": "1.10.2",
4
4
  "description": "Multi-machine agentic dashboard for Claude Code. Monitor sessions, manage MCP servers and skills, orchestrate across mesh-networked nodes.",
5
5
  "license": "MIT",
6
6
  "author": "Aaron Scherer <me@aaronscherer.me>",