fix mobile screen issues

src/pages/admin/WorkspaceAgents.jsx

@@ -197,7 +197,12 @@ function AgentTableRow({ agent, shipped, overridden, onOpen, onAction }) {
             <button
               type="button"
               onClick={onOpen}
-              className="font-heading text-body-sm font-semibold text-ink-1 hover:text-krow-blue transition-colors text-left focus-visible:outline-none"
+              /* On a phone the identity column claims the width of the name
+                 rather than stacking "Control Center Agent" three words tall,
+                 which it can afford because the table already scrolls inside
+                 its own container there. Released at `sm`, so every wider
+                 layout distributes its columns exactly as it did before. */
+              className="whitespace-nowrap sm:whitespace-normal font-heading text-body-sm font-semibold text-ink-1 hover:text-krow-blue transition-colors text-left focus-visible:outline-none"
             >
               {agent.name}
             </button>
@@ -493,7 +498,7 @@ export default function AdminWorkspaceAgents() {
             /* Clean Modern Directory Table View */
             <div className="overflow-hidden rounded-2xl border border-border bg-surface shadow-xs">
               <div className="overflow-x-auto">
-                <table className="w-full text-left border-collapse">
+                <table className="w-full min-w-[48rem] text-left border-collapse">
                   <thead>
                     <tr className="border-b border-border bg-surface-subtle/60 text-[11px] font-semibold uppercase tracking-wider text-ink-4">
                       <th className="py-3 pl-4 pr-3 font-semibold">Agent</th>