V48 (implementation-only): Square chrome QA, Auxillaries layout, Deposit CTA

Square marketing, nav, footer, and Auxillaries UI; move the bordered logo into
NavBrand only; align landing gutters with nav; place Close/Disconnect above the
left Auxillaries pane; and promote New Deposit while pinning refresh to the
active-filters row.

Author: geraldarthurdavis

uapi/components/auxillaries/AuxillariesContent/AuxillariesContent.tsx

@@ -22,6 +22,8 @@ export interface AuxillariesContentProps {
   showSuccessAnimation: boolean;
   navigationMode?: 'orbital' | 'tabs';
   surfaceVariant?: 'default' | 'contained';
+  /** Close / disconnect (and similar) rendered above the left selector column. */
+  chromeActions?: React.ReactNode;
   onStepClick: (step: AuxillaryPane) => void;
   renderStepContent: (step: AuxillaryPane) => React.ReactNode;
   isOnboardingComplete?: boolean;
@@ -38,6 +40,7 @@ function AuxillariesContent(props: AuxillariesContentProps) {
     navigationMode = 'orbital',
     surfaceVariant = 'default',
     mode = 'onboarding',
+    chromeActions = null,
     onStepClick = (_: AuxillaryPane) => {},
     renderStepContent = (_: AuxillaryPane) => null,
     isOnboardingComplete = false,
@@ -230,8 +233,19 @@ function AuxillariesContent(props: AuxillariesContentProps) {
           <a className="auxillaries-skip-link" href="#auxillaries-active-pane">
             Skip to active support pane
           </a>
+          {chromeActions ? (
+            <div
+              className="auxillaries-left-chrome-actions"
+              role="toolbar"
+              aria-label="Auxillaries session actions"
+              data-auxillaries-testid="auxillaries-left-chrome-actions"
+              data-testid="auxillaries-left-chrome-actions"
+            >
+              {chromeActions}
+            </div>
+          ) : null}
           <aside
-            className="orbital-workspace-nav auxillaries-bitcode-selector"
+            className={`orbital-workspace-nav auxillaries-bitcode-selector${chromeActions ? ' auxillaries-bitcode-selector-with-chrome' : ''}`}
             role="navigation"
             aria-label="Auxillaries pane navigation"
             data-auxillaries-testid="auxillaries-pane-navigation"
@@ -246,7 +260,7 @@ function AuxillariesContent(props: AuxillariesContentProps) {
           </aside>
           <section
             id="auxillaries-active-pane"
-            className="orbital-workspace-stage auxillaries-bitcode-pane auxillaries-active-pane-region"
+            className={`orbital-workspace-stage auxillaries-bitcode-pane auxillaries-active-pane-region${chromeActions ? ' auxillaries-bitcode-pane-with-chrome' : ''}`}
             role="region"
             aria-label={`${activePaneLabel} active support pane`}
             aria-live="polite"

uapi/components/auxillaries/AuxillariesDataSharingPanel/AuxillariesDataSharingPanel.tsx

@@ -142,20 +142,20 @@ export default function AuxillariesDataSharingPanel({ className = "", overlayed
             disabled={loading || updatingAll}
           />
           <div
-            className="w-11 h-6 rounded-full border border-slate-600 peer bg-slate-700 peer-checked:bg-[#F9C855] transition-colors duration-200"
+            className="w-11 h-6 rounded-none border border-slate-600 peer bg-slate-700 peer-checked:bg-[#F9C855] transition-colors duration-200"
           ></div>
           <span
-            className="absolute left-0.5 top-0.5 w-5 h-5 bg-white rounded-full shadow transform peer-checked:translate-x-5 transition-transform duration-200"
+            className="absolute left-0.5 top-0.5 w-5 h-5 bg-white rounded-none shadow transform peer-checked:translate-x-5 transition-transform duration-200"
           ></span>
         </label>
       </div>
 
         {enableAll ? (
-        <div className="text-sm text-yellow-300/80 font-medium bg-yellow-300/10 border border-yellow-300/20 rounded-lg px-4 py-3">
+        <div className="text-sm text-yellow-300/80 font-medium bg-yellow-300/10 border border-yellow-300/20 rounded-none px-4 py-3">
           All current and future Externals-approved repositories will sync into read-space automatically.
         </div>
       ) : (
-        <div className="overflow-x-auto rounded-lg border border-slate-700/60 bg-slate-800/40 backdrop-blur-md [mask-image:linear-gradient(black,black)]">
+        <div className="overflow-x-auto rounded-none border border-slate-700/60 bg-slate-800/40 backdrop-blur-md [mask-image:linear-gradient(black,black)]">
           <table className="min-w-full text-sm whitespace-nowrap" data-testid="externals-data-share-repositories">
             <thead className="text-slate-300 font-semibold">
               <tr>
@@ -189,8 +189,8 @@ export default function AuxillariesDataSharingPanel({ className = "", overlayed
                         onChange={() => toggleRepo(idx)}
                         disabled={loading}
                       />
-                      <div className="w-9 h-5 rounded-full border border-slate-600 peer bg-slate-700 peer-checked:bg-teal-400 transition-colors" />
-                      <span className="absolute left-0.5 top-0.5 w-4 h-4 bg-white rounded-full shadow transform peer-checked:translate-x-4 transition-transform" />
+                      <div className="w-9 h-5 rounded-none border border-slate-600 peer bg-slate-700 peer-checked:bg-teal-400 transition-colors" />
+                      <span className="absolute left-0.5 top-0.5 w-4 h-4 bg-white rounded-none shadow transform peer-checked:translate-x-4 transition-transform" />
                     </label>
                   </td>
                 </tr>

uapi/components/auxillaries/AuxillariesExternalsPane/ExternalsConnectedWorkspace/ExternalsConnectedWorkspace.tsx

@@ -64,7 +64,7 @@ export default function ExternalsConnectedWorkspace({
   return (
     <div className="space-y-5">
       <div className="grid gap-4 tablet:grid-cols-[1.15fr_0.85fr]">
-        <section className="rounded-[24px] border border-white/10 bg-black/20 p-5">
+        <section className="rounded-none border border-white/10 bg-black/20 p-5">
           <div className="mb-4 space-y-2">
             <p className="text-xs font-semibold uppercase tracking-[0.22em] text-emerald-200/72">
               Repository connection
@@ -90,11 +90,11 @@ export default function ExternalsConnectedWorkspace({
         </section>
 
         <aside className="space-y-4">
-          <div className="rounded-[24px] border border-white/10 bg-white/5 p-5">
+          <div className="rounded-none border border-white/10 bg-white/5 p-5">
             <p className="text-xs font-semibold uppercase tracking-[0.22em] text-emerald-200/72">
               Mainnet readiness
             </p>
-            <div className="mt-3 rounded-2xl border border-white/8 bg-black/20 p-4">
+            <div className="mt-3 rounded-none border border-white/8 bg-black/20 p-4">
               <p className="text-sm font-medium text-white">
                 {isLoading
                   ? 'Checking GitHub and wallet posture...'
@@ -127,7 +127,7 @@ export default function ExternalsConnectedWorkspace({
               ) : null}
             </div>
             <div className="mt-3 grid gap-3 tablet:grid-cols-3">
-              <div className="rounded-2xl border border-white/8 bg-white/5 p-4">
+              <div className="rounded-none border border-white/8 bg-white/5 p-4">
                 <p className="text-xs font-semibold uppercase tracking-[0.18em] text-white/64">
                   GitHub
                 </p>
@@ -139,7 +139,7 @@ export default function ExternalsConnectedWorkspace({
                       : 'Reconnect required'}
                 </p>
               </div>
-              <div className="rounded-2xl border border-white/8 bg-white/5 p-4">
+              <div className="rounded-none border border-white/8 bg-white/5 p-4">
                 <p className="text-xs font-semibold uppercase tracking-[0.18em] text-white/64">
                   Wallet
                 </p>
@@ -163,7 +163,7 @@ export default function ExternalsConnectedWorkspace({
                   </p>
                 ) : null}
               </div>
-              <div className="rounded-2xl border border-white/8 bg-white/5 p-4">
+              <div className="rounded-none border border-white/8 bg-white/5 p-4">
                 <p className="text-xs font-semibold uppercase tracking-[0.18em] text-white/64">
                   Inventory source
                 </p>
@@ -181,7 +181,7 @@ export default function ExternalsConnectedWorkspace({
             {providerReadiness ? (
               <div
                 data-testid="auxillaries-provider-readiness"
-                className="mt-3 rounded-2xl border border-emerald-300/14 bg-emerald-400/8 p-4"
+                className="mt-3 rounded-none border border-emerald-300/14 bg-emerald-400/8 p-4"
               >
                 <div className="flex flex-wrap items-start justify-between gap-3">
                   <div>
@@ -194,7 +194,7 @@ export default function ExternalsConnectedWorkspace({
                       {formatProviderClass(providerReadiness.lastReadbackStatus)}
                     </p>
                   </div>
-                  <span className="rounded-full border border-white/10 bg-black/20 px-3 py-1 text-[11px] font-semibold uppercase tracking-[0.14em] text-white/72">
+                  <span className="rounded-none border border-white/10 bg-black/20 px-3 py-1 text-[11px] font-semibold uppercase tracking-[0.14em] text-white/72">
                     {compactRoot(providerReadiness.providerReadinessRoot)}
                   </span>
                 </div>
@@ -221,7 +221,7 @@ export default function ExternalsConnectedWorkspace({
             {telemetryProofHooks.length > 0 ? (
               <div
                 data-testid="auxillaries-telemetry-proof-hooks"
-                className="mt-3 rounded-2xl border border-cyan-300/14 bg-cyan-400/8 p-4"
+                className="mt-3 rounded-none border border-cyan-300/14 bg-cyan-400/8 p-4"
               >
                 <div className="flex flex-wrap items-start justify-between gap-3">
                   <div>
@@ -233,7 +233,7 @@ export default function ExternalsConnectedWorkspace({
                       {telemetryProofHooks.length === 1 ? 'hook' : 'hooks'} available
                     </p>
                   </div>
-                  <span className="rounded-full border border-white/10 bg-black/20 px-3 py-1 text-[11px] font-semibold uppercase tracking-[0.14em] text-white/72">
+                  <span className="rounded-none border border-white/10 bg-black/20 px-3 py-1 text-[11px] font-semibold uppercase tracking-[0.14em] text-white/72">
                     {formatProviderClass(latestTelemetryProofHook?.sourceSafetyClass)}
                   </span>
                 </div>
@@ -253,7 +253,7 @@ export default function ExternalsConnectedWorkspace({
               <div className="mt-3">
                 <Link
                   href={buildAuxillariesRoutePath('wallet')}
-                  className="inline-flex items-center justify-center rounded-full border border-white/10 bg-white/5 px-4 py-2 text-[11px] font-semibold uppercase tracking-[0.18em] text-white/82 transition-colors hover:border-white/20 hover:bg-white/10"
+                  className="inline-flex items-center justify-center rounded-none border border-white/10 bg-white/5 px-4 py-2 text-[11px] font-semibold uppercase tracking-[0.18em] text-white/82 transition-colors hover:border-white/20 hover:bg-white/10"
                 >
                   Open Wallet for wallet binding
                 </Link>
@@ -262,7 +262,7 @@ export default function ExternalsConnectedWorkspace({
           </div>
 
           {(organizations.length > 0 || repositories.length > 0) && (
-            <div className="github-connection-summary rounded-[24px] border border-white/10 bg-white/5 p-5">
+            <div className="github-connection-summary rounded-none border border-white/10 bg-white/5 p-5">
               <p className="text-xs font-semibold uppercase tracking-[0.22em] text-white/72">
                 Connected scope
               </p>
@@ -279,7 +279,7 @@ export default function ExternalsConnectedWorkspace({
                     {organizations.map((organization: string) => (
                       <span
                         key={organization}
-                        className="rounded-full border border-emerald-300/20 bg-emerald-400/10 px-3 py-1 text-xs font-medium text-emerald-100"
+                        className="rounded-none border border-emerald-300/20 bg-emerald-400/10 px-3 py-1 text-xs font-medium text-emerald-100"
                       >
                         {organization}
                       </span>
@@ -302,7 +302,7 @@ export default function ExternalsConnectedWorkspace({
                       return (
                         <span
                           key={label}
-                          className="rounded-full border border-white/10 bg-black/20 px-3 py-1 text-xs text-white/74"
+                          className="rounded-none border border-white/10 bg-black/20 px-3 py-1 text-xs text-white/74"
                         >
                           {label}
                         </span>
@@ -314,7 +314,7 @@ export default function ExternalsConnectedWorkspace({
             </div>
           )}
 
-          <div className="rounded-[24px] border border-white/10 bg-white/5 p-5">
+          <div className="rounded-none border border-white/10 bg-white/5 p-5">
             <p className="text-xs font-semibold uppercase tracking-[0.22em] text-white/72">
               Read-space knowledge sharing
             </p>

uapi/components/auxillaries/AuxillariesExternalsPane/ExternalsWalletRequiredGate/ExternalsWalletRequiredGate.tsx

@@ -9,7 +9,7 @@ import { buildAuxillariesRoutePath } from '@/components/auxillaries/AuxillaryPan
 
 export default function ExternalsWalletRequiredGate() {
   return (
-    <div className="space-y-4 rounded-[24px] border border-white/10 bg-black/20 p-5 text-white/80">
+    <div className="space-y-4 rounded-none border border-white/10 bg-black/20 p-5 text-white/80">
       <div className="space-y-2">
         <h3 className="text-lg font-semibold text-white">Connect Bitcoin wallet first</h3>
         <p className="text-sm leading-7 text-white/68">
@@ -20,7 +20,7 @@ export default function ExternalsWalletRequiredGate() {
       </div>
 
       <div className="grid gap-3 tablet:grid-cols-2">
-        <div className="rounded-2xl border border-emerald-300/16 bg-emerald-400/8 p-4">
+        <div className="rounded-none border border-emerald-300/16 bg-emerald-400/8 p-4">
           <p className="text-xs font-semibold uppercase tracking-[0.2em] text-emerald-200/78">
             Execution prerequisite
           </p>
@@ -30,7 +30,7 @@ export default function ExternalsWalletRequiredGate() {
           </p>
         </div>
 
-        <div className="rounded-2xl border border-white/10 bg-white/5 p-4">
+        <div className="rounded-none border border-white/10 bg-white/5 p-4">
           <p className="text-xs font-semibold uppercase tracking-[0.2em] text-white/72">
             Current posture
           </p>
@@ -44,7 +44,7 @@ export default function ExternalsWalletRequiredGate() {
       <div>
         <Link
           href={buildAuxillariesRoutePath('wallet')}
-          className="inline-flex items-center justify-center rounded-full border border-emerald-300/24 bg-emerald-400/12 px-4 py-2 text-[11px] font-semibold uppercase tracking-[0.18em] text-emerald-50 transition-colors hover:border-emerald-300/42 hover:bg-emerald-400/18"
+          className="inline-flex items-center justify-center rounded-none border border-emerald-300/24 bg-emerald-400/12 px-4 py-2 text-[11px] font-semibold uppercase tracking-[0.18em] text-emerald-50 transition-colors hover:border-emerald-300/42 hover:bg-emerald-400/18"
         >
           Open Wallet auxillary
         </Link>

uapi/components/auxillaries/AuxillariesInterfacesPane/AuxillariesInterfacesPane.tsx

@@ -146,7 +146,7 @@ export default function AuxillariesInterfacesPane({
               />
             </AuxillariesWorkspaceSection>
 
-            <div className="rounded-[22px] border border-white/10 bg-black/20 px-5 py-4">
+            <div className="rounded-none border border-white/10 bg-black/20 px-5 py-4">
               <p className="text-sm leading-7 text-white/68">
                 Changes save automatically so Terminal transactions, proofs, MCP API calls, and ChatGPT App work reopen with the same interface defaults. Ledgerized Reading pipelines keep protocol-owned model configuration.
               </p>

uapi/components/auxillaries/AuxillariesInterfacesPane/InterfaceAdmissionCatalog/InterfaceAdmissionCatalog.tsx

@@ -35,7 +35,7 @@ export default function InterfaceAdmissionCatalog({ admissionRecords }: Interfac
           return (
             <article
               key={`${admission.interfaceId || admission.surface}-${admissionRoot}`}
-              className="rounded-[18px] border border-white/10 bg-white/[0.035] p-4"
+              className="rounded-none border border-white/10 bg-white/[0.035] p-4"
             >
               <div className="flex flex-wrap items-start justify-between gap-3">
                 <div>
@@ -48,7 +48,7 @@ export default function InterfaceAdmissionCatalog({ admissionRecords }: Interfac
                 </div>
                 <span
                   className={[
-                    'rounded-full border px-3 py-1 text-xs font-semibold uppercase tracking-[0.18em]',
+                    'rounded-none border px-3 py-1 text-xs font-semibold uppercase tracking-[0.18em]',
                     admission.readiness === 'ready'
                       ? 'border-emerald-300/40 bg-emerald-400/10 text-emerald-100'
                       : admission.readiness === 'blocked'
@@ -98,7 +98,7 @@ export default function InterfaceAdmissionCatalog({ admissionRecords }: Interfac
           );
         })
       ) : (
-        <div className="rounded-[18px] border border-amber-300/25 bg-amber-400/10 p-4 text-sm text-amber-100">
+        <div className="rounded-none border border-amber-300/25 bg-amber-400/10 p-4 text-sm text-amber-100">
           Interface admission records are not loaded yet.
         </div>
       )}

uapi/components/auxillaries/AuxillariesLoginPane/AuxillariesLoginPane.tsx

@@ -25,7 +25,7 @@ export default function AuxillariesLoginPane({
     <div className={`orbital-auth-shell ${isContainedSurface ? 'orbital-auth-shell-contained' : ''}`}>
       <div className="orbital-auth-grid">
         <aside className="orbital-auth-aside">
-          <div className="orbital-auth-intro-card rounded-[1.6rem] border border-emerald-400/16 bg-emerald-400/8 px-5 py-5">
+          <div className="orbital-auth-intro-card rounded-none border border-emerald-400/16 bg-emerald-400/8 px-5 py-5">
             <p className="text-[0.66rem] uppercase tracking-[0.22em] text-emerald-200/78">
               {AUXILLARIES_ACCESS_LABEL}
             </p>
@@ -39,7 +39,7 @@ export default function AuxillariesLoginPane({
           </div>
 
           <div className={`orbital-auth-support-grid ${isContainedSurface ? 'orbital-auth-support-grid-contained' : ''}`}>
-            <div className="orbital-auth-support-card rounded-[1.3rem] border border-white/10 bg-white/5 px-4 py-4">
+            <div className="orbital-auth-support-card rounded-none border border-white/10 bg-white/5 px-4 py-4">
               <p className="text-[0.62rem] uppercase tracking-[0.18em] text-emerald-200/74">
                 Primary path
               </p>
@@ -49,7 +49,7 @@ export default function AuxillariesLoginPane({
               </p>
             </div>
 
-            <div className="orbital-auth-support-card rounded-[1.3rem] border border-white/10 bg-black/20 px-4 py-4">
+            <div className="orbital-auth-support-card rounded-none border border-white/10 bg-black/20 px-4 py-4">
               <p className="text-[0.62rem] uppercase tracking-[0.18em] text-white/72">
                 Required providers
               </p>
@@ -59,7 +59,7 @@ export default function AuxillariesLoginPane({
               </p>
             </div>
 
-            <div className="orbital-auth-support-card orbital-auth-support-card-wide rounded-[1.3rem] border border-white/10 bg-black/20 px-4 py-4">
+            <div className="orbital-auth-support-card orbital-auth-support-card-wide rounded-none border border-white/10 bg-black/20 px-4 py-4">
               <p className="text-[0.62rem] uppercase tracking-[0.18em] text-white/72">
                 Auxillaries after sign-in
               </p>

uapi/components/auxillaries/AuxillariesOpenButton/AuxillariesOpenButton.tsx

@@ -22,7 +22,7 @@ export interface AuxillariesOpenButtonProps {
 }
 
 export default function AuxillariesOpenButton({
-  className = 'rounded-2xl border border-white/12 bg-white/5 px-4 py-3 text-left text-sm font-medium text-neutral-100 transition hover:border-white/20 hover:bg-white/10',
+  className = 'rounded-none border border-white/12 bg-white/5 px-4 py-3 text-left text-sm font-medium text-neutral-100 transition hover:border-white/20 hover:bg-white/10',
   label,
   step,
 }: AuxillariesOpenButtonProps) {