jamdesk 1.1.134 → 1.1.135

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jamdesk",
-  "version": "1.1.134",
+  "version": "1.1.135",
   "description": "CLI for Jamdesk — build, preview, and deploy documentation sites from MDX. Dev server with hot reload, 50+ components, OpenAPI support, AI search, and Mintlify migration",
   "keywords": [
     "jamdesk",

package/vendored/components/mdx/Widget.tsx

@@ -129,12 +129,12 @@ export function Widget({
 
   if (trigger) return null;
 
-  return (
+  const buttonEl = (
     <button
       type="button"
       id={buttonId}
       className={
-        'jd-widget-trigger my-4 inline-flex cursor-pointer items-center gap-2 rounded-lg ' +
+        'jd-widget-trigger inline-flex cursor-pointer items-center gap-2 rounded-lg ' +
         'border border-gray-200 bg-white px-4 py-2 text-sm font-medium ' +
         'text-gray-900 shadow-sm transition hover:shadow-md ' +
         'dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100' +
@@ -145,4 +145,23 @@ export function Widget({
       {label}
     </button>
   );
+
+  // No slug → the trigger can't bind (see the effect above), which is the
+  // normal state in local `jamdesk dev`. Render a visible caption beside the
+  // button so a clicked-but-inert button doesn't read as broken — the console
+  // hint alone is invisible to anyone without devtools open. Never renders in
+  // the deployed build, where the slug is always set and the button works.
+  if (!resolvedBase) {
+    return (
+      <span className="jd-widget-preview my-4 flex flex-col items-start gap-1.5">
+        {buttonEl}
+        <span className="text-xs text-gray-500 dark:text-gray-400">
+          Live preview — opens on your deployed docs site, not in local{' '}
+          <code className="rounded bg-gray-100 px-1 py-0.5 dark:bg-gray-800">jamdesk dev</code>.
+        </span>
+      </span>
+    );
+  }
+
+  return <span className="jd-widget my-4 inline-flex">{buttonEl}</span>;
 }