@taterboom/shiteki 0.1.3 → 0.1.5

package/dist/index.js

@@ -1101,7 +1101,8 @@ function SettingsPanel({ config, onSave, onCancel }) {
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: "Direct" })
               ] })
-            ] })
+            ] }),
+            mode === "direct" && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "shiteki-settings-warning", children: "\u26A0\uFE0F Direct mode stores your GitHub token in the browser via localStorage. For security, use Endpoint mode." })
           ] }),
           mode === "endpoint" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("label", { className: "shiteki-settings-field", children: [
             /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "shiteki-settings-label", children: [
@@ -1295,7 +1296,7 @@ function styleInject(css, { insertAt } = {}) {
 }
 
 // src/styles/widget.css
-styleInject('.shiteki-root {\n  --shiteki-primary: #2563eb;\n  --shiteki-primary-hover: #1d4ed8;\n  --shiteki-bg: #ffffff;\n  --shiteki-border: #e5e7eb;\n  --shiteki-text: #111827;\n  --shiteki-text-secondary: #6b7280;\n  --shiteki-radius: 12px;\n  --shiteki-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    "Segoe UI",\n    Roboto,\n    sans-serif;\n  font-size: 14px;\n  line-height: 1.5;\n  color: var(--shiteki-text);\n  box-sizing: border-box;\n}\n.shiteki-toolbar {\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  border-radius: 9999px;\n  z-index: 99999;\n  background: var(--shiteki-bg);\n  border: 1px solid var(--shiteki-border);\n  box-shadow: var(--shiteki-shadow);\n}\n.shiteki-toolbar-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  border: none;\n  border-radius: 50%;\n  background: transparent;\n  color: var(--shiteki-text);\n  cursor: pointer;\n  transition: background 0.15s, color 0.15s;\n}\n.shiteki-toolbar-btn:hover {\n  background: #f3f4f6;\n}\n.shiteki-toolbar-btn:active {\n  transform: scale(0.9);\n}\n.shiteki-toolbar-btn--active {\n  background: var(--shiteki-primary);\n  color: #fff;\n}\n.shiteki-toolbar-btn--active:hover {\n  background: var(--shiteki-primary-hover);\n}\n.shiteki-toolbar-btn:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n.shiteki-toolbar-picker {\n  position: relative;\n}\n.shiteki-toolbar-badge {\n  position: absolute;\n  top: -4px;\n  right: -6px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 16px;\n  height: 16px;\n  padding: 0 4px;\n  border-radius: 8px;\n  background: #ef4444;\n  color: #fff;\n  font-size: 10px;\n  font-weight: 700;\n  line-height: 1;\n  pointer-events: none;\n  box-sizing: border-box;\n}\n.shiteki-toolbar-sep {\n  width: 1px;\n  height: 24px;\n  background: var(--shiteki-border);\n  margin: 0 4px;\n}\n.shiteki-highlight {\n  position: fixed;\n  pointer-events: none;\n  border: 1.5px solid var(--shiteki-primary, #2563eb);\n  background: rgba(37, 99, 235, 0.08);\n  z-index: 99997;\n  transition: all 0.05s ease-out;\n  box-sizing: border-box;\n}\n.shiteki-marker {\n  position: fixed;\n  width: 22px;\n  height: 22px;\n  border-radius: 50%;\n  background: var(--shiteki-primary, #2563eb);\n  color: #fff;\n  font-size: 11px;\n  font-weight: 700;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  z-index: 99998;\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);\n  user-select: none;\n}\n.shiteki-popover {\n  position: fixed;\n  width: 320px;\n  background: var(--shiteki-bg);\n  border: 1px solid var(--shiteki-border);\n  border-radius: var(--shiteki-radius);\n  box-shadow: var(--shiteki-shadow);\n  z-index: 99999;\n  overflow: hidden;\n}\n.shiteki-popover-info {\n  padding: 10px 14px;\n  background: #f9fafb;\n  border-bottom: 1px solid var(--shiteki-border);\n  display: flex;\n  align-items: baseline;\n  gap: 8px;\n  overflow: hidden;\n}\n.shiteki-popover-tag {\n  font-family:\n    ui-monospace,\n    SFMono-Regular,\n    "SF Mono",\n    Menlo,\n    monospace;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--shiteki-primary);\n  white-space: nowrap;\n}\n.shiteki-popover-text {\n  font-size: 12px;\n  color: var(--shiteki-text-secondary);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.shiteki-popover-form {\n  padding: 12px 14px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n.shiteki-popover-textarea {\n  width: 100%;\n  padding: 8px 10px;\n  border: 1px solid var(--shiteki-border);\n  border-radius: 8px;\n  font: inherit;\n  font-size: 13px;\n  color: var(--shiteki-text);\n  background: transparent;\n  outline: none;\n  resize: vertical;\n  min-height: 60px;\n  box-sizing: border-box;\n  transition: border-color 0.15s;\n}\n.shiteki-popover-textarea:focus {\n  border-color: var(--shiteki-primary);\n}\n.shiteki-popover-comment {\n  font-size: 13px;\n  color: var(--shiteki-text);\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n.shiteki-popover-actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n}\n.shiteki-btn {\n  padding: 6px 14px;\n  border: none;\n  border-radius: 8px;\n  font: inherit;\n  font-size: 13px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: background 0.15s;\n}\n.shiteki-btn:active {\n  transform: scale(0.95);\n}\n.shiteki-btn--primary {\n  background: var(--shiteki-primary);\n  color: #fff;\n}\n.shiteki-btn--primary:hover:not(:disabled) {\n  background: var(--shiteki-primary-hover);\n}\n.shiteki-btn--primary:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.shiteki-btn--ghost {\n  background: transparent;\n  color: var(--shiteki-text-secondary);\n}\n.shiteki-btn--ghost:hover {\n  background: #f3f4f6;\n}\n.shiteki-btn--danger {\n  background: #fee2e2;\n  color: #dc2626;\n}\n.shiteki-btn--danger:hover {\n  background: #fecaca;\n}\n.shiteki-btn--icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 30px;\n  height: 30px;\n  padding: 0;\n}\n.shiteki-status {\n  position: fixed;\n  bottom: 76px;\n  right: 20px;\n  padding: 8px 18px;\n  background: var(--shiteki-bg);\n  border: 1px solid var(--shiteki-border);\n  border-radius: 8px;\n  box-shadow: var(--shiteki-shadow);\n  font-size: 13px;\n  white-space: nowrap;\n  z-index: 99998;\n}\n.shiteki-status--success {\n  color: #059669;\n}\n.shiteki-status--error {\n  color: #dc2626;\n}\n.shiteki-status a {\n  color: inherit;\n  text-decoration: underline;\n}\n.shiteki-settings {\n  position: fixed;\n  bottom: 76px;\n  right: 20px;\n  width: 280px;\n  background: var(--shiteki-bg);\n  border: 1px solid var(--shiteki-border);\n  border-radius: var(--shiteki-radius);\n  box-shadow: var(--shiteki-shadow);\n  z-index: 99999;\n  overflow: hidden;\n}\n.shiteki-settings-header {\n  padding: 10px 14px;\n  font-size: 13px;\n  font-weight: 600;\n  border-bottom: 1px solid var(--shiteki-border);\n  background: #f9fafb;\n}\n.shiteki-settings-body {\n  padding: 12px 14px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n.shiteki-settings-field {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.shiteki-settings-field--row {\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  cursor: pointer;\n}\n.shiteki-settings-checkbox {\n  margin: 0;\n  accent-color: var(--shiteki-primary);\n  cursor: pointer;\n}\n.shiteki-settings-label {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--shiteki-text-secondary);\n}\n.shiteki-settings-help {\n  display: inline-flex;\n  align-items: center;\n  color: var(--shiteki-text-secondary);\n  opacity: 0.5;\n  transition: opacity 0.15s;\n}\n.shiteki-settings-help:hover {\n  opacity: 1;\n}\n.shiteki-settings-input {\n  width: 100%;\n  padding: 6px 8px;\n  border: 1px solid var(--shiteki-border);\n  border-radius: 8px;\n  font: inherit;\n  font-size: 13px;\n  color: var(--shiteki-text);\n  background: transparent;\n  outline: none;\n  box-sizing: border-box;\n  transition: border-color 0.15s;\n}\n.shiteki-settings-input:focus {\n  border-color: var(--shiteki-primary);\n}\n.shiteki-radio-group {\n  display: flex;\n  gap: 12px;\n}\n.shiteki-radio {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 13px;\n  cursor: pointer;\n}\n.shiteki-radio input[type=radio] {\n  margin: 0;\n  accent-color: var(--shiteki-primary);\n  cursor: pointer;\n}\n.shiteki-settings-actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n  padding: 0 14px 12px;\n}\n.shiteki-shortcut-hint {\n  position: absolute;\n  bottom: calc(100% + 8px);\n  right: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  padding: 8px 12px;\n  background: var(--shiteki-bg);\n  border: 1px solid var(--shiteki-border);\n  border-radius: 8px;\n  box-shadow: var(--shiteki-shadow);\n  font-size: 12px;\n  color: var(--shiteki-text-secondary);\n  white-space: nowrap;\n}\n.shiteki-shortcut-hint-close {\n  position: absolute;\n  top: 6px;\n  right: 6px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n  height: 18px;\n  border: none;\n  border-radius: 4px;\n  background: transparent;\n  color: var(--shiteki-text-secondary);\n  cursor: pointer;\n  padding: 0;\n}\n.shiteki-shortcut-hint-close:hover {\n  background: #f3f4f6;\n}\n.shiteki-shortcut-hint-list {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.shiteki-shortcut-hint-list span {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n.shiteki-shortcut-hint kbd {\n  display: inline-block;\n  padding: 1px 5px;\n  background: #f3f4f6;\n  border: 1px solid var(--shiteki-border);\n  border-radius: 4px;\n  font-family: inherit;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--shiteki-text);\n  line-height: 1.4;\n  min-width: 20px;\n  text-align: center;\n}\n.shiteki-shortcut-hint-close:hover {\n  background: #f3f4f6;\n}\n');
+styleInject('.shiteki-root {\n  --shiteki-primary: #2563eb;\n  --shiteki-primary-hover: #1d4ed8;\n  --shiteki-bg: #ffffff;\n  --shiteki-border: #e5e7eb;\n  --shiteki-text: #111827;\n  --shiteki-text-secondary: #6b7280;\n  --shiteki-radius: 12px;\n  --shiteki-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    "Segoe UI",\n    Roboto,\n    sans-serif;\n  font-size: 14px;\n  line-height: 1.5;\n  color: var(--shiteki-text);\n  box-sizing: border-box;\n}\n.shiteki-toolbar {\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  border-radius: 9999px;\n  z-index: 99999;\n  background: var(--shiteki-bg);\n  border: 1px solid var(--shiteki-border);\n  box-shadow: var(--shiteki-shadow);\n}\n.shiteki-toolbar-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  border: none;\n  border-radius: 50%;\n  background: transparent;\n  color: var(--shiteki-text);\n  cursor: pointer;\n  transition: background 0.15s, color 0.15s;\n}\n.shiteki-toolbar-btn:hover {\n  background: #f3f4f6;\n}\n.shiteki-toolbar-btn:active {\n  transform: scale(0.9);\n}\n.shiteki-toolbar-btn--active {\n  background: var(--shiteki-primary);\n  color: #fff;\n}\n.shiteki-toolbar-btn--active:hover {\n  background: var(--shiteki-primary-hover);\n}\n.shiteki-toolbar-btn:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n.shiteki-toolbar-picker {\n  position: relative;\n}\n.shiteki-toolbar-badge {\n  position: absolute;\n  top: -4px;\n  right: -6px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 16px;\n  height: 16px;\n  padding: 0 4px;\n  border-radius: 8px;\n  background: #ef4444;\n  color: #fff;\n  font-size: 10px;\n  font-weight: 700;\n  line-height: 1;\n  pointer-events: none;\n  box-sizing: border-box;\n}\n.shiteki-toolbar-sep {\n  width: 1px;\n  height: 24px;\n  background: var(--shiteki-border);\n  margin: 0 4px;\n}\n.shiteki-highlight {\n  position: fixed;\n  pointer-events: none;\n  border: 1.5px solid var(--shiteki-primary, #2563eb);\n  background: rgba(37, 99, 235, 0.08);\n  z-index: 99997;\n  transition: all 0.05s ease-out;\n  box-sizing: border-box;\n}\n.shiteki-marker {\n  position: fixed;\n  width: 22px;\n  height: 22px;\n  border-radius: 50%;\n  background: var(--shiteki-primary, #2563eb);\n  color: #fff;\n  font-size: 11px;\n  font-weight: 700;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  z-index: 99998;\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);\n  user-select: none;\n}\n.shiteki-popover {\n  position: fixed;\n  width: 320px;\n  background: var(--shiteki-bg);\n  border: 1px solid var(--shiteki-border);\n  border-radius: var(--shiteki-radius);\n  box-shadow: var(--shiteki-shadow);\n  z-index: 99999;\n  overflow: hidden;\n}\n.shiteki-popover-info {\n  padding: 10px 14px;\n  background: #f9fafb;\n  border-bottom: 1px solid var(--shiteki-border);\n  display: flex;\n  align-items: baseline;\n  gap: 8px;\n  overflow: hidden;\n}\n.shiteki-popover-tag {\n  font-family:\n    ui-monospace,\n    SFMono-Regular,\n    "SF Mono",\n    Menlo,\n    monospace;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--shiteki-primary);\n  white-space: nowrap;\n}\n.shiteki-popover-text {\n  font-size: 12px;\n  color: var(--shiteki-text-secondary);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.shiteki-popover-form {\n  padding: 12px 14px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n.shiteki-popover-textarea {\n  width: 100%;\n  padding: 8px 10px;\n  border: 1px solid var(--shiteki-border);\n  border-radius: 8px;\n  font: inherit;\n  font-size: 13px;\n  color: var(--shiteki-text);\n  background: transparent;\n  outline: none;\n  resize: vertical;\n  min-height: 60px;\n  box-sizing: border-box;\n  transition: border-color 0.15s;\n}\n.shiteki-popover-textarea:focus {\n  border-color: var(--shiteki-primary);\n}\n.shiteki-popover-comment {\n  font-size: 13px;\n  color: var(--shiteki-text);\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n.shiteki-popover-actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n}\n.shiteki-btn {\n  padding: 6px 14px;\n  border: none;\n  border-radius: 8px;\n  font: inherit;\n  font-size: 13px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: background 0.15s;\n}\n.shiteki-btn:active {\n  transform: scale(0.95);\n}\n.shiteki-btn--primary {\n  background: var(--shiteki-primary);\n  color: #fff;\n}\n.shiteki-btn--primary:hover:not(:disabled) {\n  background: var(--shiteki-primary-hover);\n}\n.shiteki-btn--primary:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.shiteki-btn--ghost {\n  background: transparent;\n  color: var(--shiteki-text-secondary);\n}\n.shiteki-btn--ghost:hover {\n  background: #f3f4f6;\n}\n.shiteki-btn--danger {\n  background: #fee2e2;\n  color: #dc2626;\n}\n.shiteki-btn--danger:hover {\n  background: #fecaca;\n}\n.shiteki-btn--icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 30px;\n  height: 30px;\n  padding: 0;\n}\n.shiteki-status {\n  position: fixed;\n  bottom: 76px;\n  right: 20px;\n  padding: 8px 18px;\n  background: var(--shiteki-bg);\n  border: 1px solid var(--shiteki-border);\n  border-radius: 8px;\n  box-shadow: var(--shiteki-shadow);\n  font-size: 13px;\n  white-space: nowrap;\n  z-index: 99998;\n}\n.shiteki-status--success {\n  color: #059669;\n}\n.shiteki-status--error {\n  color: #dc2626;\n}\n.shiteki-status a {\n  color: inherit;\n  text-decoration: underline;\n}\n.shiteki-settings {\n  position: fixed;\n  bottom: 76px;\n  right: 20px;\n  width: 280px;\n  background: var(--shiteki-bg);\n  border: 1px solid var(--shiteki-border);\n  border-radius: var(--shiteki-radius);\n  box-shadow: var(--shiteki-shadow);\n  z-index: 99999;\n  overflow: hidden;\n}\n.shiteki-settings-header {\n  padding: 10px 14px;\n  font-size: 13px;\n  font-weight: 600;\n  border-bottom: 1px solid var(--shiteki-border);\n  background: #f9fafb;\n}\n.shiteki-settings-body {\n  padding: 12px 14px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n.shiteki-settings-field {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.shiteki-settings-warning {\n  font-size: 10px;\n  color: #b45309;\n  background: #fef3c799;\n  border: 1px solid #fde68a99;\n  border-radius: 4px;\n  padding: 5px 7px;\n  margin: 0;\n  line-height: 1.33;\n}\n.shiteki-settings-field--row {\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  cursor: pointer;\n}\n.shiteki-settings-checkbox {\n  margin: 0;\n  accent-color: var(--shiteki-primary);\n  cursor: pointer;\n}\n.shiteki-settings-label {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--shiteki-text-secondary);\n}\n.shiteki-settings-help {\n  display: inline-flex;\n  align-items: center;\n  color: var(--shiteki-text-secondary);\n  opacity: 0.5;\n  transition: opacity 0.15s;\n}\n.shiteki-settings-help:hover {\n  opacity: 1;\n}\n.shiteki-settings-input {\n  width: 100%;\n  padding: 6px 8px;\n  border: 1px solid var(--shiteki-border);\n  border-radius: 8px;\n  font: inherit;\n  font-size: 13px;\n  color: var(--shiteki-text);\n  background: transparent;\n  outline: none;\n  box-sizing: border-box;\n  transition: border-color 0.15s;\n}\n.shiteki-settings-input:focus {\n  border-color: var(--shiteki-primary);\n}\n.shiteki-radio-group {\n  display: flex;\n  gap: 12px;\n}\n.shiteki-radio {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 13px;\n  cursor: pointer;\n}\n.shiteki-radio input[type=radio] {\n  margin: 0;\n  accent-color: var(--shiteki-primary);\n  cursor: pointer;\n}\n.shiteki-settings-actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n  padding: 0 14px 12px;\n}\n.shiteki-shortcut-hint {\n  position: absolute;\n  bottom: calc(100% + 8px);\n  right: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  padding: 8px 12px;\n  background: var(--shiteki-bg);\n  border: 1px solid var(--shiteki-border);\n  border-radius: 8px;\n  box-shadow: var(--shiteki-shadow);\n  font-size: 12px;\n  color: var(--shiteki-text-secondary);\n  white-space: nowrap;\n}\n.shiteki-shortcut-hint-close {\n  position: absolute;\n  top: 6px;\n  right: 6px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n  height: 18px;\n  border: none;\n  border-radius: 4px;\n  background: transparent;\n  color: var(--shiteki-text-secondary);\n  cursor: pointer;\n  padding: 0;\n}\n.shiteki-shortcut-hint-close:hover {\n  background: #f3f4f6;\n}\n.shiteki-shortcut-hint-list {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.shiteki-shortcut-hint-list span {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n.shiteki-shortcut-hint kbd {\n  display: inline-block;\n  padding: 1px 5px;\n  background: #f3f4f6;\n  border: 1px solid var(--shiteki-border);\n  border-radius: 4px;\n  font-family: inherit;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--shiteki-text);\n  line-height: 1.4;\n  min-width: 20px;\n  text-align: center;\n}\n.shiteki-shortcut-hint-close:hover {\n  background: #f3f4f6;\n}\n');
 
 // src/components/ShitekiWidget.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");

package/dist/index.mjs

@@ -1065,7 +1065,8 @@ function SettingsPanel({ config, onSave, onCancel }) {
                 ),
                 /* @__PURE__ */ jsx9("span", { children: "Direct" })
               ] })
-            ] })
+            ] }),
+            mode === "direct" && /* @__PURE__ */ jsx9("p", { className: "shiteki-settings-warning", children: "\u26A0\uFE0F Direct mode stores your GitHub token in the browser via localStorage. For security, use Endpoint mode." })
           ] }),
           mode === "endpoint" ? /* @__PURE__ */ jsxs6("label", { className: "shiteki-settings-field", children: [
             /* @__PURE__ */ jsxs6("span", { className: "shiteki-settings-label", children: [
@@ -1259,7 +1260,7 @@ function styleInject(css, { insertAt } = {}) {
 }
 
 // src/styles/widget.css
-styleInject('.shiteki-root {\n  --shiteki-primary: #2563eb;\n  --shiteki-primary-hover: #1d4ed8;\n  --shiteki-bg: #ffffff;\n  --shiteki-border: #e5e7eb;\n  --shiteki-text: #111827;\n  --shiteki-text-secondary: #6b7280;\n  --shiteki-radius: 12px;\n  --shiteki-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    "Segoe UI",\n    Roboto,\n    sans-serif;\n  font-size: 14px;\n  line-height: 1.5;\n  color: var(--shiteki-text);\n  box-sizing: border-box;\n}\n.shiteki-toolbar {\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  border-radius: 9999px;\n  z-index: 99999;\n  background: var(--shiteki-bg);\n  border: 1px solid var(--shiteki-border);\n  box-shadow: var(--shiteki-shadow);\n}\n.shiteki-toolbar-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  border: none;\n  border-radius: 50%;\n  background: transparent;\n  color: var(--shiteki-text);\n  cursor: pointer;\n  transition: background 0.15s, color 0.15s;\n}\n.shiteki-toolbar-btn:hover {\n  background: #f3f4f6;\n}\n.shiteki-toolbar-btn:active {\n  transform: scale(0.9);\n}\n.shiteki-toolbar-btn--active {\n  background: var(--shiteki-primary);\n  color: #fff;\n}\n.shiteki-toolbar-btn--active:hover {\n  background: var(--shiteki-primary-hover);\n}\n.shiteki-toolbar-btn:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n.shiteki-toolbar-picker {\n  position: relative;\n}\n.shiteki-toolbar-badge {\n  position: absolute;\n  top: -4px;\n  right: -6px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 16px;\n  height: 16px;\n  padding: 0 4px;\n  border-radius: 8px;\n  background: #ef4444;\n  color: #fff;\n  font-size: 10px;\n  font-weight: 700;\n  line-height: 1;\n  pointer-events: none;\n  box-sizing: border-box;\n}\n.shiteki-toolbar-sep {\n  width: 1px;\n  height: 24px;\n  background: var(--shiteki-border);\n  margin: 0 4px;\n}\n.shiteki-highlight {\n  position: fixed;\n  pointer-events: none;\n  border: 1.5px solid var(--shiteki-primary, #2563eb);\n  background: rgba(37, 99, 235, 0.08);\n  z-index: 99997;\n  transition: all 0.05s ease-out;\n  box-sizing: border-box;\n}\n.shiteki-marker {\n  position: fixed;\n  width: 22px;\n  height: 22px;\n  border-radius: 50%;\n  background: var(--shiteki-primary, #2563eb);\n  color: #fff;\n  font-size: 11px;\n  font-weight: 700;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  z-index: 99998;\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);\n  user-select: none;\n}\n.shiteki-popover {\n  position: fixed;\n  width: 320px;\n  background: var(--shiteki-bg);\n  border: 1px solid var(--shiteki-border);\n  border-radius: var(--shiteki-radius);\n  box-shadow: var(--shiteki-shadow);\n  z-index: 99999;\n  overflow: hidden;\n}\n.shiteki-popover-info {\n  padding: 10px 14px;\n  background: #f9fafb;\n  border-bottom: 1px solid var(--shiteki-border);\n  display: flex;\n  align-items: baseline;\n  gap: 8px;\n  overflow: hidden;\n}\n.shiteki-popover-tag {\n  font-family:\n    ui-monospace,\n    SFMono-Regular,\n    "SF Mono",\n    Menlo,\n    monospace;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--shiteki-primary);\n  white-space: nowrap;\n}\n.shiteki-popover-text {\n  font-size: 12px;\n  color: var(--shiteki-text-secondary);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.shiteki-popover-form {\n  padding: 12px 14px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n.shiteki-popover-textarea {\n  width: 100%;\n  padding: 8px 10px;\n  border: 1px solid var(--shiteki-border);\n  border-radius: 8px;\n  font: inherit;\n  font-size: 13px;\n  color: var(--shiteki-text);\n  background: transparent;\n  outline: none;\n  resize: vertical;\n  min-height: 60px;\n  box-sizing: border-box;\n  transition: border-color 0.15s;\n}\n.shiteki-popover-textarea:focus {\n  border-color: var(--shiteki-primary);\n}\n.shiteki-popover-comment {\n  font-size: 13px;\n  color: var(--shiteki-text);\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n.shiteki-popover-actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n}\n.shiteki-btn {\n  padding: 6px 14px;\n  border: none;\n  border-radius: 8px;\n  font: inherit;\n  font-size: 13px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: background 0.15s;\n}\n.shiteki-btn:active {\n  transform: scale(0.95);\n}\n.shiteki-btn--primary {\n  background: var(--shiteki-primary);\n  color: #fff;\n}\n.shiteki-btn--primary:hover:not(:disabled) {\n  background: var(--shiteki-primary-hover);\n}\n.shiteki-btn--primary:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.shiteki-btn--ghost {\n  background: transparent;\n  color: var(--shiteki-text-secondary);\n}\n.shiteki-btn--ghost:hover {\n  background: #f3f4f6;\n}\n.shiteki-btn--danger {\n  background: #fee2e2;\n  color: #dc2626;\n}\n.shiteki-btn--danger:hover {\n  background: #fecaca;\n}\n.shiteki-btn--icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 30px;\n  height: 30px;\n  padding: 0;\n}\n.shiteki-status {\n  position: fixed;\n  bottom: 76px;\n  right: 20px;\n  padding: 8px 18px;\n  background: var(--shiteki-bg);\n  border: 1px solid var(--shiteki-border);\n  border-radius: 8px;\n  box-shadow: var(--shiteki-shadow);\n  font-size: 13px;\n  white-space: nowrap;\n  z-index: 99998;\n}\n.shiteki-status--success {\n  color: #059669;\n}\n.shiteki-status--error {\n  color: #dc2626;\n}\n.shiteki-status a {\n  color: inherit;\n  text-decoration: underline;\n}\n.shiteki-settings {\n  position: fixed;\n  bottom: 76px;\n  right: 20px;\n  width: 280px;\n  background: var(--shiteki-bg);\n  border: 1px solid var(--shiteki-border);\n  border-radius: var(--shiteki-radius);\n  box-shadow: var(--shiteki-shadow);\n  z-index: 99999;\n  overflow: hidden;\n}\n.shiteki-settings-header {\n  padding: 10px 14px;\n  font-size: 13px;\n  font-weight: 600;\n  border-bottom: 1px solid var(--shiteki-border);\n  background: #f9fafb;\n}\n.shiteki-settings-body {\n  padding: 12px 14px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n.shiteki-settings-field {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.shiteki-settings-field--row {\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  cursor: pointer;\n}\n.shiteki-settings-checkbox {\n  margin: 0;\n  accent-color: var(--shiteki-primary);\n  cursor: pointer;\n}\n.shiteki-settings-label {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--shiteki-text-secondary);\n}\n.shiteki-settings-help {\n  display: inline-flex;\n  align-items: center;\n  color: var(--shiteki-text-secondary);\n  opacity: 0.5;\n  transition: opacity 0.15s;\n}\n.shiteki-settings-help:hover {\n  opacity: 1;\n}\n.shiteki-settings-input {\n  width: 100%;\n  padding: 6px 8px;\n  border: 1px solid var(--shiteki-border);\n  border-radius: 8px;\n  font: inherit;\n  font-size: 13px;\n  color: var(--shiteki-text);\n  background: transparent;\n  outline: none;\n  box-sizing: border-box;\n  transition: border-color 0.15s;\n}\n.shiteki-settings-input:focus {\n  border-color: var(--shiteki-primary);\n}\n.shiteki-radio-group {\n  display: flex;\n  gap: 12px;\n}\n.shiteki-radio {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 13px;\n  cursor: pointer;\n}\n.shiteki-radio input[type=radio] {\n  margin: 0;\n  accent-color: var(--shiteki-primary);\n  cursor: pointer;\n}\n.shiteki-settings-actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n  padding: 0 14px 12px;\n}\n.shiteki-shortcut-hint {\n  position: absolute;\n  bottom: calc(100% + 8px);\n  right: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  padding: 8px 12px;\n  background: var(--shiteki-bg);\n  border: 1px solid var(--shiteki-border);\n  border-radius: 8px;\n  box-shadow: var(--shiteki-shadow);\n  font-size: 12px;\n  color: var(--shiteki-text-secondary);\n  white-space: nowrap;\n}\n.shiteki-shortcut-hint-close {\n  position: absolute;\n  top: 6px;\n  right: 6px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n  height: 18px;\n  border: none;\n  border-radius: 4px;\n  background: transparent;\n  color: var(--shiteki-text-secondary);\n  cursor: pointer;\n  padding: 0;\n}\n.shiteki-shortcut-hint-close:hover {\n  background: #f3f4f6;\n}\n.shiteki-shortcut-hint-list {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.shiteki-shortcut-hint-list span {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n.shiteki-shortcut-hint kbd {\n  display: inline-block;\n  padding: 1px 5px;\n  background: #f3f4f6;\n  border: 1px solid var(--shiteki-border);\n  border-radius: 4px;\n  font-family: inherit;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--shiteki-text);\n  line-height: 1.4;\n  min-width: 20px;\n  text-align: center;\n}\n.shiteki-shortcut-hint-close:hover {\n  background: #f3f4f6;\n}\n');
+styleInject('.shiteki-root {\n  --shiteki-primary: #2563eb;\n  --shiteki-primary-hover: #1d4ed8;\n  --shiteki-bg: #ffffff;\n  --shiteki-border: #e5e7eb;\n  --shiteki-text: #111827;\n  --shiteki-text-secondary: #6b7280;\n  --shiteki-radius: 12px;\n  --shiteki-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    "Segoe UI",\n    Roboto,\n    sans-serif;\n  font-size: 14px;\n  line-height: 1.5;\n  color: var(--shiteki-text);\n  box-sizing: border-box;\n}\n.shiteki-toolbar {\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  border-radius: 9999px;\n  z-index: 99999;\n  background: var(--shiteki-bg);\n  border: 1px solid var(--shiteki-border);\n  box-shadow: var(--shiteki-shadow);\n}\n.shiteki-toolbar-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  border: none;\n  border-radius: 50%;\n  background: transparent;\n  color: var(--shiteki-text);\n  cursor: pointer;\n  transition: background 0.15s, color 0.15s;\n}\n.shiteki-toolbar-btn:hover {\n  background: #f3f4f6;\n}\n.shiteki-toolbar-btn:active {\n  transform: scale(0.9);\n}\n.shiteki-toolbar-btn--active {\n  background: var(--shiteki-primary);\n  color: #fff;\n}\n.shiteki-toolbar-btn--active:hover {\n  background: var(--shiteki-primary-hover);\n}\n.shiteki-toolbar-btn:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n.shiteki-toolbar-picker {\n  position: relative;\n}\n.shiteki-toolbar-badge {\n  position: absolute;\n  top: -4px;\n  right: -6px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 16px;\n  height: 16px;\n  padding: 0 4px;\n  border-radius: 8px;\n  background: #ef4444;\n  color: #fff;\n  font-size: 10px;\n  font-weight: 700;\n  line-height: 1;\n  pointer-events: none;\n  box-sizing: border-box;\n}\n.shiteki-toolbar-sep {\n  width: 1px;\n  height: 24px;\n  background: var(--shiteki-border);\n  margin: 0 4px;\n}\n.shiteki-highlight {\n  position: fixed;\n  pointer-events: none;\n  border: 1.5px solid var(--shiteki-primary, #2563eb);\n  background: rgba(37, 99, 235, 0.08);\n  z-index: 99997;\n  transition: all 0.05s ease-out;\n  box-sizing: border-box;\n}\n.shiteki-marker {\n  position: fixed;\n  width: 22px;\n  height: 22px;\n  border-radius: 50%;\n  background: var(--shiteki-primary, #2563eb);\n  color: #fff;\n  font-size: 11px;\n  font-weight: 700;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  z-index: 99998;\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);\n  user-select: none;\n}\n.shiteki-popover {\n  position: fixed;\n  width: 320px;\n  background: var(--shiteki-bg);\n  border: 1px solid var(--shiteki-border);\n  border-radius: var(--shiteki-radius);\n  box-shadow: var(--shiteki-shadow);\n  z-index: 99999;\n  overflow: hidden;\n}\n.shiteki-popover-info {\n  padding: 10px 14px;\n  background: #f9fafb;\n  border-bottom: 1px solid var(--shiteki-border);\n  display: flex;\n  align-items: baseline;\n  gap: 8px;\n  overflow: hidden;\n}\n.shiteki-popover-tag {\n  font-family:\n    ui-monospace,\n    SFMono-Regular,\n    "SF Mono",\n    Menlo,\n    monospace;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--shiteki-primary);\n  white-space: nowrap;\n}\n.shiteki-popover-text {\n  font-size: 12px;\n  color: var(--shiteki-text-secondary);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.shiteki-popover-form {\n  padding: 12px 14px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n.shiteki-popover-textarea {\n  width: 100%;\n  padding: 8px 10px;\n  border: 1px solid var(--shiteki-border);\n  border-radius: 8px;\n  font: inherit;\n  font-size: 13px;\n  color: var(--shiteki-text);\n  background: transparent;\n  outline: none;\n  resize: vertical;\n  min-height: 60px;\n  box-sizing: border-box;\n  transition: border-color 0.15s;\n}\n.shiteki-popover-textarea:focus {\n  border-color: var(--shiteki-primary);\n}\n.shiteki-popover-comment {\n  font-size: 13px;\n  color: var(--shiteki-text);\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n.shiteki-popover-actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n}\n.shiteki-btn {\n  padding: 6px 14px;\n  border: none;\n  border-radius: 8px;\n  font: inherit;\n  font-size: 13px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: background 0.15s;\n}\n.shiteki-btn:active {\n  transform: scale(0.95);\n}\n.shiteki-btn--primary {\n  background: var(--shiteki-primary);\n  color: #fff;\n}\n.shiteki-btn--primary:hover:not(:disabled) {\n  background: var(--shiteki-primary-hover);\n}\n.shiteki-btn--primary:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.shiteki-btn--ghost {\n  background: transparent;\n  color: var(--shiteki-text-secondary);\n}\n.shiteki-btn--ghost:hover {\n  background: #f3f4f6;\n}\n.shiteki-btn--danger {\n  background: #fee2e2;\n  color: #dc2626;\n}\n.shiteki-btn--danger:hover {\n  background: #fecaca;\n}\n.shiteki-btn--icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 30px;\n  height: 30px;\n  padding: 0;\n}\n.shiteki-status {\n  position: fixed;\n  bottom: 76px;\n  right: 20px;\n  padding: 8px 18px;\n  background: var(--shiteki-bg);\n  border: 1px solid var(--shiteki-border);\n  border-radius: 8px;\n  box-shadow: var(--shiteki-shadow);\n  font-size: 13px;\n  white-space: nowrap;\n  z-index: 99998;\n}\n.shiteki-status--success {\n  color: #059669;\n}\n.shiteki-status--error {\n  color: #dc2626;\n}\n.shiteki-status a {\n  color: inherit;\n  text-decoration: underline;\n}\n.shiteki-settings {\n  position: fixed;\n  bottom: 76px;\n  right: 20px;\n  width: 280px;\n  background: var(--shiteki-bg);\n  border: 1px solid var(--shiteki-border);\n  border-radius: var(--shiteki-radius);\n  box-shadow: var(--shiteki-shadow);\n  z-index: 99999;\n  overflow: hidden;\n}\n.shiteki-settings-header {\n  padding: 10px 14px;\n  font-size: 13px;\n  font-weight: 600;\n  border-bottom: 1px solid var(--shiteki-border);\n  background: #f9fafb;\n}\n.shiteki-settings-body {\n  padding: 12px 14px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n.shiteki-settings-field {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.shiteki-settings-warning {\n  font-size: 10px;\n  color: #b45309;\n  background: #fef3c799;\n  border: 1px solid #fde68a99;\n  border-radius: 4px;\n  padding: 5px 7px;\n  margin: 0;\n  line-height: 1.33;\n}\n.shiteki-settings-field--row {\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  cursor: pointer;\n}\n.shiteki-settings-checkbox {\n  margin: 0;\n  accent-color: var(--shiteki-primary);\n  cursor: pointer;\n}\n.shiteki-settings-label {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--shiteki-text-secondary);\n}\n.shiteki-settings-help {\n  display: inline-flex;\n  align-items: center;\n  color: var(--shiteki-text-secondary);\n  opacity: 0.5;\n  transition: opacity 0.15s;\n}\n.shiteki-settings-help:hover {\n  opacity: 1;\n}\n.shiteki-settings-input {\n  width: 100%;\n  padding: 6px 8px;\n  border: 1px solid var(--shiteki-border);\n  border-radius: 8px;\n  font: inherit;\n  font-size: 13px;\n  color: var(--shiteki-text);\n  background: transparent;\n  outline: none;\n  box-sizing: border-box;\n  transition: border-color 0.15s;\n}\n.shiteki-settings-input:focus {\n  border-color: var(--shiteki-primary);\n}\n.shiteki-radio-group {\n  display: flex;\n  gap: 12px;\n}\n.shiteki-radio {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 13px;\n  cursor: pointer;\n}\n.shiteki-radio input[type=radio] {\n  margin: 0;\n  accent-color: var(--shiteki-primary);\n  cursor: pointer;\n}\n.shiteki-settings-actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n  padding: 0 14px 12px;\n}\n.shiteki-shortcut-hint {\n  position: absolute;\n  bottom: calc(100% + 8px);\n  right: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  padding: 8px 12px;\n  background: var(--shiteki-bg);\n  border: 1px solid var(--shiteki-border);\n  border-radius: 8px;\n  box-shadow: var(--shiteki-shadow);\n  font-size: 12px;\n  color: var(--shiteki-text-secondary);\n  white-space: nowrap;\n}\n.shiteki-shortcut-hint-close {\n  position: absolute;\n  top: 6px;\n  right: 6px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n  height: 18px;\n  border: none;\n  border-radius: 4px;\n  background: transparent;\n  color: var(--shiteki-text-secondary);\n  cursor: pointer;\n  padding: 0;\n}\n.shiteki-shortcut-hint-close:hover {\n  background: #f3f4f6;\n}\n.shiteki-shortcut-hint-list {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.shiteki-shortcut-hint-list span {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n.shiteki-shortcut-hint kbd {\n  display: inline-block;\n  padding: 1px 5px;\n  background: #f3f4f6;\n  border: 1px solid var(--shiteki-border);\n  border-radius: 4px;\n  font-family: inherit;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--shiteki-text);\n  line-height: 1.4;\n  min-width: 20px;\n  text-align: center;\n}\n.shiteki-shortcut-hint-close:hover {\n  background: #f3f4f6;\n}\n');
 
 // src/components/ShitekiWidget.tsx
 import { Fragment, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";