From 063734f02c1587b083ee81df860acb56a6ab5387 Mon Sep 17 00:00:00 2001 From: Emir Karabeg <78010029+emir-karabeg@users.noreply.github.com> Date: Mon, 4 Aug 2025 20:32:01 -0700 Subject: [PATCH] improvement(ui/ux) (#831) * complete: workspace header, workspace selector * finished search modal * completed workflow selector * finished invite modal * finished help modal --- apps/sim/app/globals.css | 4 +- apps/sim/app/layout.tsx | 3 +- .../edit-chunk-modal/edit-chunk-modal.tsx | 2 +- .../knowledge/[id]/[documentId]/document.tsx | 2 +- .../[workspaceId]/knowledge/[id]/base.tsx | 2 +- .../[id]/components/action-bar/action-bar.tsx | 2 +- .../[workspaceId]/knowledge/knowledge.tsx | 2 +- .../app/workspace/[workspaceId]/layout.tsx | 2 +- .../components => }/providers/providers.tsx | 4 +- .../providers/theme-provider.tsx | 0 .../workspace-permissions-provider.tsx | 0 .../templates/components/template-card.tsx | 20 +- .../export-controls/export-controls.tsx | 2 +- .../connection-status/connection-status.tsx | 2 +- .../components/control-bar/control-bar.tsx | 46 +- .../components/action-bar/action-bar.tsx | 2 +- .../workflow-block/workflow-block.tsx | 2 +- .../[workspaceId]/w/[workflowId]/workflow.tsx | 2 +- .../hooks/use-search-navigation.ts | 171 ---- .../components/search-modal/search-modal.tsx | 885 +++++++++++------- .../components/create-menu/create-menu.tsx | 335 ++++--- .../create-menu/import-controls.tsx | 210 ----- .../sidebar/components/create-menu/index.ts | 2 - .../folder-context-menu.tsx | 183 ---- .../folder-tree/components/folder-item.tsx | 165 ++-- .../folder-tree/components/workflow-item.tsx | 152 +-- .../components/folder-tree/folder-tree.tsx | 300 +++--- .../components/help-form/help-form.tsx | 445 --------- .../components/help-modal/help-modal.tsx | 518 +++++++++- .../w/components/sidebar/components/index.ts | 3 +- .../components/member-invitation-card.tsx | 2 +- .../toolbar-block/toolbar-block.tsx | 10 +- .../toolbar-loop-block/toolbar-loop-block.tsx | 8 +- .../toolbar-parallel-block.tsx | 8 +- .../sidebar/components/toolbar/toolbar.tsx | 6 +- .../workflow-context-menu.tsx | 2 +- .../workflow-list/workflow-list.tsx | 51 +- .../workspace-header/workspace-header.tsx | 261 ++---- .../components/invite-modal/invite-modal.tsx | 727 ++++++-------- .../invites-sent/invites-sent.tsx | 166 ---- .../workspace-selector/workspace-selector.tsx | 447 ++++++--- .../w/components/sidebar/sidebar.tsx | 226 ++++- apps/sim/components/ui/alert-dialog.tsx | 131 ++- apps/sim/components/ui/dialog.tsx | 129 ++- apps/sim/components/ui/sheet.tsx | 5 +- apps/sim/package.json | 2 - apps/sim/tailwind.config.ts | 4 + bun.lock | 684 +++++++------- 48 files changed, 3100 insertions(+), 3237 deletions(-) rename apps/sim/app/workspace/[workspaceId]/{w/components => }/providers/providers.tsx (77%) rename apps/sim/app/workspace/[workspaceId]/{w/components => }/providers/theme-provider.tsx (100%) rename apps/sim/app/workspace/[workspaceId]/{components => }/providers/workspace-permissions-provider.tsx (100%) delete mode 100644 apps/sim/app/workspace/[workspaceId]/w/components/search-modal/hooks/use-search-navigation.ts delete mode 100644 apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/create-menu/import-controls.tsx delete mode 100644 apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/create-menu/index.ts delete mode 100644 apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/folder-context-menu/folder-context-menu.tsx delete mode 100644 apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/help-modal/components/help-form/help-form.tsx delete mode 100644 apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/workspace-selector/components/invite-modal/invites-sent/invites-sent.tsx diff --git a/apps/sim/app/globals.css b/apps/sim/app/globals.css index aa95668db2..f85d25a853 100644 --- a/apps/sim/app/globals.css +++ b/apps/sim/app/globals.css @@ -126,8 +126,8 @@ --destructive-foreground: 0 0% 98%; /* Border & Input Colors */ - --border: 0 0% 22.7%; - --input: 0 0% 22.7%; + --border: 0 0% 16.1%; + --input: 0 0% 16.1%; --ring: 0 0% 83.9%; /* Scrollbar Properties */ diff --git a/apps/sim/app/layout.tsx b/apps/sim/app/layout.tsx index ebbd2247be..06e9f2d919 100644 --- a/apps/sim/app/layout.tsx +++ b/apps/sim/app/layout.tsx @@ -1,5 +1,6 @@ import { Analytics } from '@vercel/analytics/next' import { SpeedInsights } from '@vercel/speed-insights/next' +import { GeistSans } from 'geist/font/sans' import type { Metadata, Viewport } from 'next' import { PublicEnvScript } from 'next-runtime-env' import { isHosted } from '@/lib/environment' @@ -162,7 +163,7 @@ export const metadata: Metadata = { export default function RootLayout({ children }: { children: React.ReactNode }) { return ( - + {/* Structured Data for SEO */}