fix(tables): right-align run/stop in the embedded table toolbar

Add a right-aligned `trailing` slot to ResourceOptionsBar and move the embedded
mothership table's run/stop control into it, so Filter + Sort stay left-aligned
and run/stop sits opposite on the right. No-op for the search-bearing consumers
(logs, resource list), which don't pass `trailing`.

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

Author: TheodoreSpeaks

apps/sim/app/workspace/[workspaceId]/components/resource/components/resource-options-bar/resource-options-bar.tsx

@@ -73,6 +73,10 @@ interface ResourceOptionsBarProps {
   filterActive?: boolean
   filterTags?: FilterTag[]
   extras?: ReactNode
+  /** Right-aligned slot. Unlike `extras` (which sits with the left controls),
+   *  `trailing` is pushed to the far right via `justify-between` — used for the
+   *  table's run/stop control opposite the left-aligned filter/sort. */
+  trailing?: ReactNode
 }
 
 export const ResourceOptionsBar = memo(function ResourceOptionsBar({
@@ -83,9 +87,16 @@ export const ResourceOptionsBar = memo(function ResourceOptionsBar({
   filterActive,
   filterTags,
   extras,
+  trailing,
 }: ResourceOptionsBarProps) {
   const hasContent =
-    search || sort || filter || onFilterToggle || extras || (filterTags && filterTags.length > 0)
+    search ||
+    sort ||
+    filter ||
+    onFilterToggle ||
+    extras ||
+    trailing ||
+    (filterTags && filterTags.length > 0)
   if (!hasContent) return null
 
   return (
@@ -143,6 +154,7 @@ export const ResourceOptionsBar = memo(function ResourceOptionsBar({
           ) : null}
           {sort && <SortDropdown config={sort} />}
         </div>
+        {trailing && <div className='flex shrink-0 items-center gap-1.5'>{trailing}</div>}
       </div>
     </div>
   )

apps/sim/app/workspace/[workspaceId]/tables/[tableId]/table.tsx

@@ -478,14 +478,14 @@ export function Table({
           }
         />
       )}
-      {/* Sort + filter render in both modes. In embedded (mothership) mode there's
-          no ResourceHeader, so the run/stop control rides in the options bar's
-          `extras` slot — keeping the bar populated whether or not a run is live. */}
+      {/* Sort + filter render in both modes (left-aligned). In embedded (mothership)
+          mode there's no ResourceHeader, so the run/stop control rides in the options
+          bar's right-aligned `trailing` slot — opposite the left-aligned filter/sort. */}
       <ResourceOptionsBar
         sort={sortConfig}
         onFilterToggle={() => setFilterOpen((prev) => !prev)}
         filterActive={filterOpen || !!queryOptions.filter}
-        extras={
+        trailing={
           embedded && selection.totalRunning > 0 ? (
             <RunStatusControl
               running={selection.totalRunning}