improvement(org): follow the design and drop Suggested actions from Home

Author: waleedlatif1

apps/sim/app/o/[organizationId]/components/organization-conversation.tsx

@@ -82,7 +82,6 @@ export interface OrganizationSummaryRequest {
 export interface OrganizationLandingSlot {
   requestMode: ChatRequestMode
   composer: ReactNode
-  shortcuts: ReactNode
 }
 
 const serializeSearchConversation = createSerializer({
@@ -581,7 +580,7 @@ function OrganizationConversationContent({
           <ComposerScrollArea className='px-3 pb-3'>{composer}</ComposerScrollArea>
         </>
       ) : landing ? (
-        landing.render({ requestMode, composer, shortcuts })
+        landing.render({ requestMode, composer })
       ) : (
         <OrganizationLanding
           heading={

apps/sim/platform/app/(shell)/home/_components/home-dashboard/home-dashboard-skeleton.tsx

@@ -23,7 +23,6 @@ export function HomeDashboardSkeleton({ requestMode }: HomeDashboardSkeletonProp
         <RedesignSurface>
           <div className={styles.composer}>
             <div className={styles.placeholderComposer} data-mode={requestMode} />
-            {requestMode === 'agent' && <div className={styles.placeholderSuggestedActions} />}
           </div>
         </RedesignSurface>
         <RedesignSurface>

apps/sim/platform/app/(shell)/home/_components/home-dashboard/home-dashboard.module.css

@@ -93,8 +93,7 @@
 .placeholderGreeting,
 .placeholderWordmark,
 .placeholderComposer,
-.placeholderGetStarted,
-.placeholderSuggestedActions {
+.placeholderGetStarted {
   border-radius: var(--ui-control-radius);
   background: var(--control-muted-fill);
 }
@@ -109,10 +108,6 @@
 .placeholderGetStarted {
   block-size: var(--spacing-132);
 }
-.placeholderSuggestedActions {
-  block-size: var(--spacing-132);
-  margin-block-start: var(--ui-product-section-gap);
-}
 /* The real composer's first-paint heights: the Assistant's pill, the agent's field and toolbar. */
 .placeholderComposer {
   block-size: 2.875rem;

apps/sim/platform/app/(shell)/home/_components/home-dashboard/home-dashboard.tsx

@@ -36,7 +36,7 @@ interface HomeDashboardProps {
   view: HomeView
   actions: HomeActions
   requestMode: ChatRequestMode
-  /** The real composer and its shortcuts. They sit between surfaces: legacy chrome never renders inside one. */
+  /** The real composer. It sits between surfaces: legacy chrome never renders inside one. */
   composer: ReactNode
 }
 

apps/sim/platform/app/(shell)/home/_components/live-home/live-home.tsx

@@ -26,16 +26,9 @@ const LiveDashboard = memo(function LiveDashboard({
   )
 })
 
-export function LiveHome({ requestMode, composer, shortcuts }: OrganizationLandingSlot) {
+export function LiveHome({ requestMode, composer }: OrganizationLandingSlot) {
   return (
-    <ComposerSlot.Provider
-      value={
-        <>
-          {composer}
-          {requestMode !== 'assistant' && shortcuts}
-        </>
-      }
-    >
+    <ComposerSlot.Provider value={composer}>
       <LiveDashboard requestMode={requestMode} />
     </ComposerSlot.Provider>
   )

apps/sim/scripts/test-org-redesign-e2e.ts

@@ -1508,7 +1508,7 @@ async function homeChecks() {
 
   section('3 Home: admin')
   await check(
-    'the agent composer with its tools, Suggested actions, and the Tasks run chart',
+    'the agent composer with its tools and the Tasks run chart, without Suggested actions',
     async () => {
       await withSession(ADMIN, async ({ page }) => {
         await page.goto(orgUrl('/home'))
@@ -1518,7 +1518,7 @@ async function homeChecks() {
         await expect(page.getByRole('button', { name: 'Add resources' })).toBeVisible()
         await expect(page.getByRole('button', { name: 'Attach file' })).toBeVisible()
         await expect(page.getByRole('button', { name: /Skills/ }).first()).toBeVisible()
-        await expect(page.getByText('Suggested actions', { exact: true })).toBeVisible()
+        await expect(page.getByText('Suggested actions', { exact: true })).toHaveCount(0)
         await expect(homeRegion(page, 'Tasks run')).toBeVisible()
         await expect(page.getByRole('button', { name: 'Send', exact: true })).toBeDisabled()
       })