@inspect-devtools/client 0.1.1 → 0.2.0

package/dist/style.css

@@ -1 +1 @@
-#__inspect_devtools_container__{position:relative;z-index:2147483647;color-scheme:dark;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#__inspect_devtools_container__ *{box-sizing:border-box}.inspect-devtools-root{--inspect-panel: #17191f;--inspect-surface: #20232b;--inspect-input: #111318;--inspect-line: #343946;--inspect-text: #f2f4f8;--inspect-muted: #9ba3b4;--inspect-brand: #00dc82;--inspect-primary: #099e61;--inspect-context: 0, 220, 130;--inspect-soft: #e6fff6;--inspect-warning: #ffb86b;--inspect-panel-width: min(640px, calc(100vw - 16px) );--inspect-z-panel: 2147483644;--inspect-z-overlay: 2147483645;--inspect-z-badge: 2147483646;--inspect-z-dock: 2147483647}.bottom-dock{position:fixed;z-index:var(--inspect-z-dock);bottom:18px;left:50%;display:flex;height:36px;align-items:center;gap:4px;transform:translate(-50%);border:1px solid rgba(52,57,70,.42);border-radius:999px;background:#17191ff5;box-shadow:0 18px 42px #0000002e;padding:3px}.dock-button,.icon-button,.primary-button,.secondary-button{border:1px solid var(--inspect-line);border-radius:6px;cursor:pointer;font:inherit;outline:0;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,opacity .16s ease}.dock-button{height:30px;border-color:transparent;border-radius:999px;background:transparent;color:var(--inspect-muted);font-size:11px;font-weight:800;padding:0 10px}.dock-button:hover,.dock-button[aria-pressed=true]{background:var(--inspect-soft);color:var(--inspect-primary)}.dock-button[aria-pressed=true]{box-shadow:inset 0 0 0 1px #099e6152}.inspect-devtools-root:has(.inspector-frame[style*="display: block"]){cursor:crosshair}.dock-divider{width:1px;height:16px;background:var(--inspect-line)}.panel-shell{position:fixed;z-index:var(--inspect-z-panel);bottom:66px;left:50%;display:flex;width:var(--inspect-panel-width);max-height:min(420px,calc(100vh - 84px));flex-direction:column;transform:translate(-50%);overflow:hidden;border:1px solid var(--inspect-line);border-radius:10px;background:var(--inspect-panel);box-shadow:0 18px 54px #0000006b}.panel-header,.toolbar,.section-heading,.section-actions{display:flex;align-items:center}.panel-header{justify-content:space-between;border-bottom:1px solid var(--inspect-line);padding:10px 12px}.title,.surface h2,.empty-copy,.panel-error{margin:0}.panel-feedback{margin:0;border-bottom:1px solid rgba(var(--inspect-context),.18);color:var(--inspect-brand);font-size:12px;line-height:1.45;padding:8px 12px}.title{color:var(--inspect-text);font-size:14px;line-height:1.2}.icon-button{width:30px;height:30px;background:transparent;color:var(--inspect-muted)}.icon-button:hover,.secondary-button:hover{border-color:rgba(var(--inspect-context),.72);color:var(--inspect-brand)}.icon-button:focus-visible,.primary-button:focus-visible,.secondary-button:focus-visible,.dock-button:focus-visible,.source-badge:focus-visible{box-shadow:0 0 0 2px rgba(var(--inspect-context),.5)}.toolbar{gap:8px;border-bottom:1px solid var(--inspect-line);padding:9px 12px}.primary-button{min-width:88px;height:34px;border-color:var(--inspect-brand);background:var(--inspect-brand);color:#04100d;font-weight:800}.primary-button:hover{border-color:#18e493;background:#18e493}.primary-button[aria-pressed=true]{box-shadow:0 0 0 3px rgba(var(--inspect-context),.1)}.secondary-button{height:30px;background:#262a33;color:var(--inspect-text);padding:0 10px}.secondary-button:disabled{cursor:not-allowed;opacity:.45}.status-pill{display:inline-flex;height:24px;align-items:center;border:1px solid rgba(var(--inspect-context),.16);border-radius:6px;background:rgba(var(--inspect-context),.08);color:var(--inspect-brand);font-size:12px;padding:0 8px}.panel-error{border-bottom:1px solid rgba(255,184,107,.25);color:var(--inspect-warning);font-size:12px;line-height:1.45;padding:8px 12px}.panel-main{min-height:0;overflow:auto;padding:10px}.surface{border:1px solid rgba(52,57,70,.9);border-radius:8px;background:var(--inspect-surface);padding:12px}.section-heading{justify-content:space-between;gap:10px;margin-bottom:10px}.section-actions{gap:8px}.file-location{min-width:0;color:var(--inspect-text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:500;overflow-wrap:anywhere}.file-location-unavailable{color:var(--inspect-muted);font-weight:500}.file-hint{margin:8px 0 0 86px;color:var(--inspect-muted);font-size:11px}.surface h2{color:var(--inspect-text);font-size:13px;line-height:1.2}.selection-grid{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px 10px;color:var(--inspect-muted);font-size:12px}.selection-grid strong{min-width:0;overflow:hidden;color:var(--inspect-text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:500;text-overflow:ellipsis;overflow-wrap:anywhere;white-space:normal}.empty-copy{color:var(--inspect-muted);font-size:12px;line-height:1.45}.inspector-frame{position:fixed;z-index:var(--inspect-z-overlay);top:0;left:0;display:none;pointer-events:none;border:2px solid var(--inspect-brand);background:rgba(var(--inspect-context),.08);box-shadow:0 0 0 1px #075f4647,0 0 0 9999px #0f172a0a}.source-badge{position:fixed;z-index:var(--inspect-z-badge);top:0;left:0;display:none;max-width:min(360px,calc(100vw - 16px));min-height:36px;border:0;border-radius:5px;background:var(--inspect-primary);box-shadow:0 10px 26px #04785747;color:#fff;cursor:pointer;font:inherit;padding:6px 9px;text-align:left}.source-badge strong,.source-badge span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-badge strong{font-size:12px;font-weight:800;line-height:1.1}.source-badge span{opacity:.82;font-size:11px;line-height:1.1}.source-badge-disabled{background:#64748b;cursor:default}@media(prefers-reduced-motion:reduce){.dock-button,.file-location,.icon-button,.primary-button,.secondary-button{transition:none}}@media(max-width:520px){.panel-shell{bottom:62px;max-height:calc(100vh - 78px)}}
+#__inspect_devtools_container__{position:relative;z-index:2147483647;color-scheme:dark;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#__inspect_devtools_container__ *{box-sizing:border-box}.inspect-devtools-root{--inspect-panel: #17191f;--inspect-surface: #20232b;--inspect-input: #111318;--inspect-line: #343946;--inspect-text: #f2f4f8;--inspect-muted: #9ba3b4;--inspect-brand: #00dc82;--inspect-primary: #099e61;--inspect-context: 0, 220, 130;--inspect-soft: #e6fff6;--inspect-warning: #ffb86b;--inspect-panel-width: min(640px, calc(100vw - 16px) );--inspect-z-panel: 2147483644;--inspect-z-overlay: 2147483645;--inspect-z-badge: 2147483646;--inspect-z-dock: 2147483647}.bottom-dock{position:fixed;z-index:var(--inspect-z-dock);bottom:18px;left:50%;display:flex;height:36px;align-items:center;gap:4px;transform:translate(-50%);border:1px solid rgba(52,57,70,.42);border-radius:999px;background:#17191ff5;box-shadow:0 18px 42px #0000002e;padding:3px}.dock-button,.icon-button,.primary-button,.secondary-button{border:1px solid var(--inspect-line);border-radius:6px;cursor:pointer;font:inherit;outline:0;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,opacity .16s ease}.dock-button{height:30px;border-color:transparent;border-radius:999px;background:transparent;color:var(--inspect-muted);font-size:11px;font-weight:800;padding:0 10px}.dock-button:hover,.dock-button[aria-pressed=true]{background:var(--inspect-soft);color:var(--inspect-primary)}.dock-button[aria-pressed=true]{box-shadow:inset 0 0 0 1px #099e6152}.inspect-devtools-root:has(.inspector-frame[style*="display: block"]){cursor:crosshair}.dock-divider{width:1px;height:16px;background:var(--inspect-line)}.panel-shell{position:fixed;z-index:var(--inspect-z-panel);bottom:66px;left:50%;display:flex;width:var(--inspect-panel-width);max-height:min(420px,calc(100vh - 84px));flex-direction:column;transform:translate(-50%);overflow:hidden;border:1px solid var(--inspect-line);border-radius:10px;background:var(--inspect-panel);box-shadow:0 18px 54px #0000006b}.panel-header,.toolbar,.section-heading,.section-actions{display:flex;align-items:center}.panel-header{justify-content:space-between;border-bottom:1px solid var(--inspect-line);padding:10px 12px}.title,.surface h2,.empty-copy,.panel-error{margin:0}.panel-feedback{margin:0;border-bottom:1px solid rgba(var(--inspect-context),.18);color:var(--inspect-brand);font-size:12px;line-height:1.45;padding:8px 12px}.title{color:var(--inspect-text);font-size:14px;line-height:1.2}.icon-button{width:30px;height:30px;background:transparent;color:var(--inspect-muted)}.icon-button:hover,.secondary-button:hover{border-color:rgba(var(--inspect-context),.72);color:var(--inspect-brand)}.icon-button:focus-visible,.primary-button:focus-visible,.secondary-button:focus-visible,.dock-button:focus-visible,.source-badge:focus-visible{box-shadow:0 0 0 2px rgba(var(--inspect-context),.5)}.toolbar{gap:8px;border-bottom:1px solid var(--inspect-line);padding:9px 12px}.primary-button{min-width:88px;height:34px;border-color:var(--inspect-brand);background:var(--inspect-brand);color:#04100d;font-weight:800}.primary-button:hover{border-color:#18e493;background:#18e493}.primary-button[aria-pressed=true]{box-shadow:0 0 0 3px rgba(var(--inspect-context),.1)}.secondary-button{height:30px;background:#262a33;color:var(--inspect-text);padding:0 10px}.secondary-button:disabled{cursor:not-allowed;opacity:.45}.status-pill{display:inline-flex;height:24px;align-items:center;border:1px solid rgba(var(--inspect-context),.16);border-radius:6px;background:rgba(var(--inspect-context),.08);color:var(--inspect-brand);font-size:12px;padding:0 8px}.panel-error{border-bottom:1px solid rgba(255,184,107,.25);color:var(--inspect-warning);font-size:12px;line-height:1.45;padding:8px 12px}.panel-main{min-height:0;overflow:auto;padding:10px}.surface{border:1px solid rgba(52,57,70,.9);border-radius:8px;background:var(--inspect-surface);padding:12px}.section-heading{justify-content:space-between;gap:10px;margin-bottom:10px}.section-actions{gap:8px}.copy-format-options{display:flex;flex-wrap:wrap;gap:8px}.copy-format-option{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(52,57,70,.9);border-radius:6px;color:var(--inspect-muted);cursor:pointer;font-size:12px;padding:6px 10px}.copy-format-option:has(input:checked){border-color:var(--inspect-brand);color:var(--inspect-text)}.copy-format-option input{margin:0;accent-color:var(--inspect-brand)}.copy-format-hint{margin:8px 0 0;color:var(--inspect-muted);font-size:11px;line-height:1.45}.panel-main-inspect{display:grid;gap:10px;align-content:start}.file-location{min-width:0;color:var(--inspect-text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:500;overflow-wrap:anywhere}.file-location-unavailable{color:var(--inspect-muted);font-weight:500}.file-hint{margin:8px 0 0 86px;color:var(--inspect-muted);font-size:11px}.surface h2{color:var(--inspect-text);font-size:13px;line-height:1.2}.selection-grid{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px 10px;color:var(--inspect-muted);font-size:12px}.selection-grid strong{min-width:0;overflow:hidden;color:var(--inspect-text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:500;text-overflow:ellipsis;overflow-wrap:anywhere;white-space:normal}.empty-copy{color:var(--inspect-muted);font-size:12px;line-height:1.45}.inspector-frame{position:fixed;z-index:var(--inspect-z-overlay);top:0;left:0;display:none;pointer-events:none;border:2px solid var(--inspect-brand);background:rgba(var(--inspect-context),.08);box-shadow:0 0 0 1px #075f4647,0 0 0 9999px #0f172a0a}.source-badge{position:fixed;z-index:var(--inspect-z-badge);top:0;left:0;display:none;max-width:min(360px,calc(100vw - 16px));min-height:36px;border:0;border-radius:5px;background:var(--inspect-primary);box-shadow:0 10px 26px #04785747;color:#fff;cursor:pointer;font:inherit;padding:6px 9px;text-align:left}.source-badge strong,.source-badge span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-badge strong{font-size:12px;font-weight:800;line-height:1.1}.source-badge span{opacity:.82;font-size:11px;line-height:1.1}.source-badge-disabled{background:#64748b;cursor:default}@media(prefers-reduced-motion:reduce){.dock-button,.file-location,.icon-button,.primary-button,.secondary-button{transition:none}}@media(max-width:520px){.panel-shell{bottom:62px;max-height:calc(100vh - 78px)}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inspect-devtools/client",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "Browser client runtime for Inspect Devtools.",
   "license": "MIT",
   "repository": {
@@ -42,7 +42,7 @@
   ],
   "dependencies": {
     "vue": "^3.5.22",
-    "@inspect-devtools/core": "0.1.1"
+    "@inspect-devtools/core": "0.2.0"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^6.0.1",