fix(examples/threads): hide the locked threads panel on mobile

The no-license locked panel is a fixed-width (w-80 / 18-20rem) block. In the
single-column mobile grid it left a dead background strip beside it and pushed
the app content down. Hide it below 1024px (max-lg:hidden / .lockedPanel
display:none) — consistent with the real drawer + first-paint placeholder,
which also reserve no column on mobile. Content now gets the full width.

Applied across all 7 migrated examples.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: BenTaylorDev

examples/integrations/adk/src/components/threads-drawer/locked-state.tsx

@@ -30,7 +30,7 @@ export function ThreadsPanelGate({ children }: { children: React.ReactNode }) {
   }
 
   return (
-    <div className="flex w-80 shrink-0 flex-col items-center justify-center p-4 bg-[var(--threads-drawer-bg,var(--card))] border-r border-[var(--threads-drawer-border,var(--border))]">
+    <div className="flex w-80 shrink-0 flex-col items-center justify-center p-4 bg-[var(--threads-drawer-bg,var(--card))] border-r border-[var(--threads-drawer-border,var(--border))] max-lg:hidden">
       <Card className="w-full">
         <CardHeader>
           <div className="mb-2 flex h-10 w-10 items-center justify-center rounded-full bg-[var(--secondary)]">

examples/integrations/agno/src/components/threads-drawer/locked-state.tsx

@@ -30,7 +30,7 @@ export function ThreadsPanelGate({ children }: { children: React.ReactNode }) {
   }
 
   return (
-    <div className="flex w-80 shrink-0 flex-col items-center justify-center p-4 bg-[var(--threads-drawer-bg,var(--card))] border-r border-[var(--threads-drawer-border,var(--border))]">
+    <div className="flex w-80 shrink-0 flex-col items-center justify-center p-4 bg-[var(--threads-drawer-bg,var(--card))] border-r border-[var(--threads-drawer-border,var(--border))] max-lg:hidden">
       <Card className="w-full">
         <CardHeader>
           <div className="mb-2 flex h-10 w-10 items-center justify-center rounded-full bg-[var(--secondary)]">

examples/integrations/langgraph-js/src/components/threads-drawer/locked-state.tsx

@@ -30,7 +30,7 @@ export function ThreadsPanelGate({ children }: { children: React.ReactNode }) {
   }
 
   return (
-    <div className="flex w-80 shrink-0 flex-col items-center justify-center p-4 bg-[var(--threads-drawer-bg,var(--card))] border-r border-[var(--threads-drawer-border,var(--border))]">
+    <div className="flex w-80 shrink-0 flex-col items-center justify-center p-4 bg-[var(--threads-drawer-bg,var(--card))] border-r border-[var(--threads-drawer-border,var(--border))] max-lg:hidden">
       <Card className="w-full">
         <CardHeader>
           <div className="mb-2 flex h-10 w-10 items-center justify-center rounded-full bg-[var(--secondary)]">

examples/integrations/langgraph-python/src/components/threads-drawer/locked-state.tsx

@@ -30,7 +30,7 @@ export function ThreadsPanelGate({ children }: { children: React.ReactNode }) {
   }
 
   return (
-    <div className="flex w-80 shrink-0 flex-col items-center justify-center p-4 bg-[var(--threads-drawer-bg,var(--card))] border-r border-[var(--threads-drawer-border,var(--border))]">
+    <div className="flex w-80 shrink-0 flex-col items-center justify-center p-4 bg-[var(--threads-drawer-bg,var(--card))] border-r border-[var(--threads-drawer-border,var(--border))] max-lg:hidden">
       <Card className="w-full">
         <CardHeader>
           <div className="mb-2 flex h-10 w-10 items-center justify-center rounded-full bg-[var(--secondary)]">

examples/integrations/mastra/src/components/threads-drawer/threads-drawer.module.css

@@ -839,6 +839,12 @@
     display: none;
   }
 
+  /* No-license locked panel: hide on mobile (no interactive drawer to launch,
+     and a fixed-width panel leaves a dead column). */
+  .lockedPanel {
+    display: none;
+  }
+
   /* Collapsed: a small floating launcher pinned top-left, above the full-screen
      mobile chat (z-index 1200) so threads stay reachable over it. */
   .drawer.drawerClosed {

examples/integrations/ms-agent-framework-dotnet/src/components/threads-drawer/threads-drawer.module.css

@@ -837,6 +837,12 @@
     display: none;
   }
 
+  /* No-license locked panel: hide on mobile (no interactive drawer to launch,
+     and a fixed-width panel leaves a dead column). */
+  .lockedPanel {
+    display: none;
+  }
+
   /* Collapsed: a small floating launcher pinned top-left, above the full-screen
      mobile chat (z-index 1200) so threads stay reachable over it. */
   .drawer.drawerClosed {

examples/integrations/ms-agent-framework-python/src/components/threads-drawer/threads-drawer.module.css

@@ -837,6 +837,12 @@
     display: none;
   }
 
+  /* No-license locked panel: hide on mobile (no interactive drawer to launch,
+     and a fixed-width panel leaves a dead column). */
+  .lockedPanel {
+    display: none;
+  }
+
   /* Collapsed: a small floating launcher pinned top-left, above the full-screen
      mobile chat (z-index 1200) so threads stay reachable over it. */
   .drawer.drawerClosed {