@insitue/sdk 0.3.1 → 0.3.3

package/dist/capture-only.js

@@ -1,6 +1,6 @@
 import {
   mountCaptureOnly
-} from "./chunk-BCKDBCPG.js";
+} from "./chunk-4NBN3ZZC.js";
 export {
   mountCaptureOnly
 };

package/dist/{chunk-BCKDBCPG.js → chunk-4NBN3ZZC.js}

@@ -2572,26 +2572,13 @@ function CaptureApp(props) {
   }, [phase]);
   y2(() => {
     const onKey = (ev) => {
-      const t4 = ev.target;
-      const tagName = t4?.tagName?.toLowerCase();
-      const inHostInput = tagName === "input" || tagName === "textarea" || t4?.isContentEditable;
-      const isMeta = ev.metaKey || ev.ctrlKey;
-      if (isMeta && (ev.key === "k" || ev.key === "K") && !inHostInput) {
-        if (phase === "idle" || phase === "compose" || phase === "sent") {
-          ev.preventDefault();
-          void startPick();
-        }
-        return;
-      }
-      if (ev.key === "Escape") {
-        if (phase === "compose") {
-          ev.preventDefault();
-          reset();
-        }
+      if (ev.key === "Escape" && phase === "compose") {
+        ev.preventDefault();
+        reset();
       }
     };
-    window.addEventListener("keydown", onKey, true);
-    return () => window.removeEventListener("keydown", onKey, true);
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
   }, [phase]);
   const startPick = async () => {
     setPhase("picking");
@@ -2647,42 +2634,41 @@ function CaptureApp(props) {
   if (phase === "idle" || phase === "picking") {
     const picking = phase === "picking";
     const offline = isDev && companionState !== "connected";
+    if (isDev) {
+      const dotColor = offline ? "#9a9aa4" : CLOUD.accentSolid;
+      const ringColor = offline ? "rgba(154,154,164,.4)" : "rgba(87,81,230,.45)";
+      return k(
+        "button",
+        {
+          onClick: picking ? void 0 : () => void startPick(),
+          style: `all:unset;position:fixed;bottom:20px;right:20px;z-index:2147483000;width:20px;height:20px;border-radius:5px;background:${dotColor};box-shadow:0 4px 14px ${ringColor};cursor:${picking ? "default" : "pointer"};${picking ? "animation:ipulse 1.1s ease-in-out infinite;" : ""}transition:transform .15s ease`,
+          title: picking ? "Click an element \xB7 Esc to cancel" : offline ? "InSitue companion not running \u2014 start `claude` with /insitue:connect" : "Pick an element to talk to claude about"
+        },
+        picking ? k(
+          "style",
+          {},
+          "@keyframes ipulse{0%,100%{opacity:.45}50%{opacity:1}}"
+        ) : null
+      );
+    }
     return k(
       "button",
       {
         onClick: picking ? void 0 : () => void startPick(),
         style: `all:unset;position:fixed;bottom:20px;right:20px;z-index:2147483000;display:flex;align-items:center;gap:9px;cursor:${picking ? "default" : "pointer"};padding:11px 16px;font:600 13.5px/1 ${C3.sans};color:${C3.ink};background:${C3.surface};border:1px solid ${C3.line};border-radius:999px;box-shadow:${C3.shadow};letter-spacing:-.01em`,
-        title: isDev ? offline ? "InSitue companion not running \u2014 start `claude` with /insitue:connect" : "Pick an element to talk to claude about" : "Report a problem"
+        title: "Report a problem"
       },
       picking ? [
         k("span", {
           style: `width:9px;height:9px;border-radius:50%;background:${C3.accentSolid};animation:ipulse 1.1s ease-in-out infinite`
         }),
-        k("span", { style: `color:${C3.sub}` }, isDev ? "Click an element" : "Click the broken element"),
+        k("span", { style: `color:${C3.sub}` }, "Click the broken element"),
         k("span", { style: `color:${C3.faint}` }, "\xB7 Esc to cancel"),
         k(
           "style",
           {},
           "@keyframes ipulse{0%,100%{opacity:.35}50%{opacity:1}}"
         )
-      ] : isDev ? [
-        k("span", {
-          style: `width:9px;height:9px;border-radius:50%;background:${offline ? "#9a9aa4" : "#5fd190"};box-shadow:${offline ? "none" : "0 0 6px #5fd190"}`
-        }),
-        k("span", {}, "InSitue Dev"),
-        k(
-          "span",
-          { style: `color:${C3.faint};font-family:${C3.mono};font-size:11px` },
-          offline ? "offline" : "\u2192 claude"
-        ),
-        k(
-          "span",
-          {
-            style: `color:${C3.faint};font-family:${C3.mono};font-size:10.5px;padding:1px 5px;border:1px solid ${C3.line};border-radius:4px;background:${C3.surface2}`,
-            title: "Press to pick an element"
-          },
-          "\u2318K"
-        )
       ] : [dot, "Report a problem"]
     );
   }
@@ -2926,8 +2912,8 @@ function CaptureApp(props) {
         k("span", {}, isDev ? "InSitue Dev \xB7 pick + describe \u2192 CLI" : ""),
         k(
           "span",
-          { title: `@insitue/sdk@${"0.3.1"}` },
-          `InSitue \xB7 v${"0.3.1"}`
+          { title: `@insitue/sdk@${"0.3.3"}` },
+          `InSitue \xB7 v${"0.3.3"}`
         )
       ]
     )

package/dist/index.js

@@ -1,6 +1,6 @@
 import {
   mountCaptureOnly
-} from "./chunk-BCKDBCPG.js";
+} from "./chunk-4NBN3ZZC.js";
 
 // src/InSitue.tsx
 import { useEffect } from "react";
@@ -54,7 +54,7 @@ function InSitue({ port }) {
 }
 
 // src/index.ts
-var SDK_VERSION = "0.3.1";
+var SDK_VERSION = "0.3.3";
 export {
   InSitue,
   InSitueCapture,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@insitue/sdk",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "description": "InSitue capture SDK — drop one snippet into your deployed app; your users point at a bug, InSitue opens a verified pull request.",
   "license": "MIT",
   "type": "module",