jamdesk 1.1.176 → 1.1.177

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jamdesk",
-  "version": "1.1.176",
+  "version": "1.1.177",
   "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/Prompt.tsx

@@ -132,7 +132,7 @@ const promptUtilityClassName = [
 ].join(' ');
 
 const primaryActionClassName = [
-  'inline-flex min-h-10 min-w-0 items-center gap-2 px-4 py-2 text-sm font-semibold',
+  'inline-flex min-h-8 min-w-0 items-center gap-2 px-3.5 py-1 text-sm font-semibold',
   'prompt-primary-action bg-[var(--color-primary)] text-white transition-opacity cursor-pointer',
   'hover:opacity-90',
   contrastSafeFocusClassName,
@@ -243,9 +243,10 @@ function PromptDialog({
         </span>
       </div>
       <style jsx>{`
+        /* A fixed black scrim: the text token flips to near-white in dark
+           mode and washed the whole page out behind the dialog. */
         .prompt-dialog::backdrop {
-          background: var(--color-text-primary);
-          opacity: 0.6;
+          background: rgb(0 0 0 / 0.55);
           backdrop-filter: blur(4px);
         }
         /* Outranks the docs themes' .prose h2 rules, which reach into the
@@ -422,7 +423,7 @@ export function Prompt({
           ) : null}
           <div
             data-testid="prompt-actions"
-            className="flex min-w-0 max-w-full items-stretch justify-end self-end sm:ml-auto sm:self-auto"
+            className="flex min-w-0 max-w-full items-center justify-end self-end sm:ml-auto sm:self-auto"
           >
             {primary ? (
               <a
@@ -430,7 +431,7 @@ export function Prompt({
                 target="_blank"
                 rel="noopener noreferrer"
                 aria-label={primary.label}
-                className={`${primaryActionClassName} ${secondary.length > 0 ? 'rounded-l-[var(--radius-lg)]' : 'rounded-[var(--radius-lg)]'}`}
+                className={`${primaryActionClassName} ${secondary.length > 0 ? 'rounded-l-full' : 'rounded-full'}`}
               >
                 <span aria-hidden="true"><ActionIcon action={primary.action} /></span>
                 <span className="min-w-0 truncate">{primary.label}</span>
@@ -445,7 +446,7 @@ export function Prompt({
                   aria-haspopup="menu"
                   aria-expanded={menuOpen}
                   aria-controls={menuId}
-                  className={`${primaryActionClassName} min-w-10 rounded-r-[var(--radius-lg)] border-l border-[var(--color-bg-primary)] px-3`}
+                  className={`${primaryActionClassName} min-w-8 rounded-r-full border-l border-[var(--color-bg-primary)] px-2.5`}
                   onMouseDown={(event) => {
                     if (menuOpen) event.preventDefault();
                   }}
@@ -506,7 +507,7 @@ export function Prompt({
         >
           <span
             data-testid="prompt-icon"
-            className="mt-1 shrink-0 text-[var(--color-primary)]"
+            className="flex h-6 shrink-0 items-center text-[var(--color-primary)]"
             aria-hidden="true"
           >
             <Icon icon={authorIcon} size={18} />
@@ -517,8 +518,11 @@ export function Prompt({
           >
             {hasDescription ? renderInlineMarkdown(description) : prompt || children}
           </div>
+          {/* -my-2 keeps the 40px hit targets while the buttons occupy one
+              24px text line, so they center on the first preview line and a
+              one-line prompt yields a compact well. */}
           {hasPrompt ? (
-            <div data-testid="prompt-utilities" className="flex shrink-0 items-center gap-1">
+            <div data-testid="prompt-utilities" className="-my-2 flex shrink-0 items-center gap-1">
               <button
                 ref={expandTriggerRef}
                 type="button"
@@ -603,8 +607,10 @@ export function Prompt({
             color: color-mix(in srgb, var(--color-primary) 40%, var(--color-text-primary));
           }
         }
+        /* Three lines of leading-6, then scroll — the Expand dialog carries
+           the full prompt. */
         .prompt-preview {
-          max-height: 10rem;
+          max-height: 4.5rem;
           overflow-y: auto;
           overflow-wrap: anywhere;
         }