+{children}), - hr: () =>
, + hr: () =>
, a: ({ href, children, ...props }: React.AnchorHTMLAttributes) => ( @@ -131,10 +131,10 @@ const COMPONENTS = { {children} ), tbody: ({ children }: React.HTMLAttributes ) => ( - {children} + {children} ), tr: ({ children }: React.HTMLAttributes ) => ( - + {children} ), diff --git a/apps/sim/app/(interfaces)/chat/components/message/message.tsx b/apps/sim/app/(interfaces)/chat/components/message/message.tsx index f22753168f5..330130de659 100644 --- a/apps/sim/app/(interfaces)/chat/components/message/message.tsx +++ b/apps/sim/app/(interfaces)/chat/components/message/message.tsx @@ -2,7 +2,7 @@ import { memo, useState } from 'react' import { Button, Check, cn, Duplicate, handleKeyboardActivation, Tooltip } from '@sim/emcn' -import { File as FileIcon, FileText, Image as ImageIcon } from 'lucide-react' +import { File as FileIcon, FileText, ImageUp as ImageIcon } from '@sim/emcn/icons' import { AgentStreamThinkingChrome, AgentStreamToolCallsChrome, @@ -273,11 +273,7 @@ export const ClientChatMessage = memo(function ClientChatMessage({ setTimeout(() => setIsCopied(false), 2000) }} > - {isCopied ? ( -- ) : ( - - )} + {isCopied ? : } diff --git a/apps/sim/app/(interfaces)/resume/[workflowId]/[executionId]/resume-page-client.tsx b/apps/sim/app/(interfaces)/resume/[workflowId]/[executionId]/resume-page-client.tsx index 51de190af68..c7cc61cff7d 100644 --- a/apps/sim/app/(interfaces)/resume/[workflowId]/[executionId]/resume-page-client.tsx +++ b/apps/sim/app/(interfaces)/resume/[workflowId]/[executionId]/resume-page-client.tsx @@ -18,9 +18,9 @@ import { TableRow, Tooltip, } from '@sim/emcn' +import { RefreshCw } from '@sim/emcn/icons' import { formatDateTime } from '@sim/utils/formatting' import { useQueryClient } from '@tanstack/react-query' -import { RefreshCw } from 'lucide-react' import { useRouter } from 'next/navigation' import { type PauseContextDetail, diff --git a/apps/sim/app/(landing)/changelog/components/changelog-actions/changelog-actions.tsx b/apps/sim/app/(landing)/changelog/components/changelog-actions/changelog-actions.tsx index 8bfb499b774..d5713c641f9 100644 --- a/apps/sim/app/(landing)/changelog/components/changelog-actions/changelog-actions.tsx +++ b/apps/sim/app/(landing)/changelog/components/changelog-actions/changelog-actions.tsx @@ -1,7 +1,7 @@ 'use client' import { ChipLink } from '@sim/emcn' -import { BookOpen, Rss } from 'lucide-react' +import { BookOpen, Rss } from '@sim/emcn/icons' import { GithubOutlineIcon } from '@/components/icons' /** diff --git a/apps/sim/app/(landing)/changelog/components/changelog-timeline/changelog-timeline.tsx b/apps/sim/app/(landing)/changelog/components/changelog-timeline/changelog-timeline.tsx index a806a28bb8c..030613e1a52 100644 --- a/apps/sim/app/(landing)/changelog/components/changelog-timeline/changelog-timeline.tsx +++ b/apps/sim/app/(landing)/changelog/components/changelog-timeline/changelog-timeline.tsx @@ -210,7 +210,7 @@ export function ChangelogTimeline({ initialEntries }: ChangelogTimelineProps) { {!done ? ( -diff --git a/apps/sim/app/(landing)/components/auth-modal/auth-modal.tsx b/apps/sim/app/(landing)/components/auth-modal/auth-modal.tsx index b0b7aa127d3..f7a7872c093 100644 --- a/apps/sim/app/(landing)/components/auth-modal/auth-modal.tsx +++ b/apps/sim/app/(landing)/components/auth-modal/auth-modal.tsx @@ -10,8 +10,8 @@ import { ModalTitle, ModalTrigger, } from '@sim/emcn' +import { X } from '@sim/emcn/icons' import { createLogger } from '@sim/logger' -import { X } from 'lucide-react' import Image from 'next/image' import { useRouter } from 'next/navigation' import { GithubIcon, GoogleIcon, MicrosoftIcon } from '@/components/icons' diff --git a/apps/sim/app/(landing)/components/features/components/build-callout/components/build-chat-animation/build-chat-animation.tsx b/apps/sim/app/(landing)/components/features/components/build-callout/components/build-chat-animation/build-chat-animation.tsx index d8334668478..d17b94f807f 100644 --- a/apps/sim/app/(landing)/components/features/components/build-callout/components/build-chat-animation/build-chat-animation.tsx +++ b/apps/sim/app/(landing)/components/features/components/build-callout/components/build-chat-animation/build-chat-animation.tsx @@ -2,8 +2,7 @@ import { useEffect, useRef, useState } from 'react' import { cn } from '@sim/emcn' -import { Blimp } from '@sim/emcn/icons' -import { ArrowUp, Mic, Paperclip, Plus, Slash } from 'lucide-react' +import { ArrowUp, Blimp, Mic, Paperclip, Plus, Slash } from '@sim/emcn/icons' import { ThinkingLoader } from '@/components/ui' const PROMPT = 'Build a workflow to schedule and publish posts to my X account.' diff --git a/apps/sim/app/(landing)/components/features/components/feature-card/feature-card.tsx b/apps/sim/app/(landing)/components/features/components/feature-card/feature-card.tsx index cea43fd45f3..5b7de3ac577 100644 --- a/apps/sim/app/(landing)/components/features/components/feature-card/feature-card.tsx +++ b/apps/sim/app/(landing)/components/features/components/feature-card/feature-card.tsx @@ -1,6 +1,6 @@ import type { ReactNode } from 'react' import { ChipTag, cn } from '@sim/emcn' -import { ArrowRight } from 'lucide-react' +import { ArrowRight } from '@sim/emcn/icons' import Image from 'next/image' import Link from 'next/link' diff --git a/apps/sim/app/(landing)/components/footer/footer.tsx b/apps/sim/app/(landing)/components/footer/footer.tsx index 697e006d7df..1fedf3b0226 100644 --- a/apps/sim/app/(landing)/components/footer/footer.tsx +++ b/apps/sim/app/(landing)/components/footer/footer.tsx @@ -40,7 +40,6 @@ const PRODUCT_LINKS: FooterItem[] = [ { label: 'Tables', href: '/tables' }, { label: 'Files', href: '/files' }, { label: 'Logs', href: '/logs' }, - { label: 'Scheduled Tasks', href: '/scheduled-tasks' }, { label: 'MCP', href: 'https://docs.sim.ai/agents/mcp', external: true }, { label: 'API', href: 'https://docs.sim.ai/api-reference/getting-started', external: true }, { label: 'Self Hosting', href: 'https://docs.sim.ai/platform/self-hosting', external: true }, diff --git a/apps/sim/app/(landing)/components/hero/components/hero-chat-loop/hero-chat-loop.tsx b/apps/sim/app/(landing)/components/hero/components/hero-chat-loop/hero-chat-loop.tsx index 8c37423abef..df3fcb2c954 100644 --- a/apps/sim/app/(landing)/components/hero/components/hero-chat-loop/hero-chat-loop.tsx +++ b/apps/sim/app/(landing)/components/hero/components/hero-chat-loop/hero-chat-loop.tsx @@ -5,14 +5,14 @@ import { cn, Tooltip } from '@sim/emcn' import { ArrowRight, ArrowUp, - Copy, + Duplicate, Mic, Paperclip, Plus, Slash, ThumbsDown, ThumbsUp, -} from 'lucide-react' +} from '@sim/emcn/icons' import { ThinkingLoader } from '@/components/ui' import { HERO_TOOLTIP_OFFSET } from '@/app/(landing)/components/hero/components/hero-platform-loop/sidebar-hotspots' @@ -53,7 +53,7 @@ interface HeroChatLoopProps { * screenshot is invisible. The reply STREAMS in word by word (the way the * real Mothership streams its responses); once the text completes, the * "Suggested follow-ups" block (the real special-tags markup: numbered - * `--divider`-ruled rows with a trailing arrow) and the action row land + * `--border`-ruled rows with a trailing arrow) and the action row land * together; under `prefers-reduced-motion` it appears whole. * The content column is centered and capped (like the real full-width * MothershipChat) so it reads right both full-width (stage collapsed) and at @@ -153,7 +153,7 @@ export function HeroChatLoop({ phase, fading }: HeroChatLoopProps) { 0 && 'border-t' )} > @@ -167,7 +167,7 @@ export function HeroChatLoop({ phase, fading }: HeroChatLoopProps) {+ {loading ? 'Loading…' : 'Show more'}
{error}
: null} diff --git a/apps/sim/app/invite/components/status-card.tsx b/apps/sim/app/invite/components/status-card.tsx index 67ec787d8ce..fb0b1e6d433 100644 --- a/apps/sim/app/invite/components/status-card.tsx +++ b/apps/sim/app/invite/components/status-card.tsx @@ -34,10 +34,10 @@ export function InviteStatusCard({ return ( <>{description}
+{description}
{description}
+{description}
- Validating your unsubscribe link… -
+Validating your unsubscribe link…
{error}
+{error}
+
Transactional emails like password resets, account confirmations, and security alerts cannot be unsubscribed from as they contain essential information for your account.
@@ -102,7 +100,7 @@ function UnsubscribeContent() {+
You have been unsubscribed from our emails. You will stop receiving emails within 48 hours.
@@ -125,10 +123,10 @@ function UnsubscribeContent() {+
Choose which emails you'd like to stop receiving.
-{data?.email}
+{data?.email}
+
You'll continue receiving important account emails like password resets and security alerts.
@@ -218,9 +211,7 @@ export default function Unsubscribe() {- Validating your unsubscribe link… -
+Validating your unsubscribe link…
diff --git a/apps/sim/app/workspace/[workspaceId]/components/index.ts b/apps/sim/app/workspace/[workspaceId]/components/index.ts index 02855214e23..16570ad0070 100644 --- a/apps/sim/app/workspace/[workspaceId]/components/index.ts +++ b/apps/sim/app/workspace/[workspaceId]/components/index.ts @@ -2,6 +2,7 @@ export { ConversationListItem } from './conversation-list-item' export type { ErrorBoundaryProps, ErrorStateProps } from './error' export { ErrorShell, ErrorState } from './error' export { InlineRenameInput } from './inline-rename-input' +export { IntegrationTabsHeader } from './integration-tabs-header' export { MessageActions } from './message-actions' export { FloatingOverflowText } from './resource/components/floating-overflow-text' export { ownerCell } from './resource/components/owner-cell' diff --git a/apps/sim/app/workspace/[workspaceId]/components/integration-tabs-header/index.ts b/apps/sim/app/workspace/[workspaceId]/components/integration-tabs-header/index.ts new file mode 100644 index 00000000000..1706152ecf3 --- /dev/null +++ b/apps/sim/app/workspace/[workspaceId]/components/integration-tabs-header/index.ts @@ -0,0 +1 @@ +export { IntegrationTabsHeader } from './integration-tabs-header' diff --git a/apps/sim/app/workspace/[workspaceId]/integrations/components/integration-tabs-header/integration-tabs-header.tsx b/apps/sim/app/workspace/[workspaceId]/components/integration-tabs-header/integration-tabs-header.tsx similarity index 56% rename from apps/sim/app/workspace/[workspaceId]/integrations/components/integration-tabs-header/integration-tabs-header.tsx rename to apps/sim/app/workspace/[workspaceId]/components/integration-tabs-header/integration-tabs-header.tsx index 3706f107890..53efc5a0175 100644 --- a/apps/sim/app/workspace/[workspaceId]/integrations/components/integration-tabs-header/integration-tabs-header.tsx +++ b/apps/sim/app/workspace/[workspaceId]/components/integration-tabs-header/integration-tabs-header.tsx @@ -5,13 +5,20 @@ import { HEADER_ACTION_CLUSTER, PAGE_HEADER_BAR } from '@/components/page-header interface IntegrationTabsHeaderProps { active: 'integrations' | 'skills' workspaceId: string + /** Trailing actions for the owning page (e.g. skills' "Add skill"). */ rightSlot?: ReactNode } /** - * Top-of-page chip header shared by the Integrations and Skills pages. - * Highlights the active tab and links to the sibling tab; `rightSlot` lets - * each page render its own trailing actions (e.g. an "Add skill" button). + * Top-of-page tab header shared by the Integrations and Skills pages — two halves + * of one surface, so each highlights itself and links to its sibling. + * + * Lives in the shared workspace components rather than under `integrations/` + * because both pages own it equally; its former home made Skills reach across into + * a sibling feature for its own chrome. + * + * The `gap-1` is explicit because chips carry no outer margin — the parent owns the + * space between them. */ export function IntegrationTabsHeader({ active, @@ -19,7 +26,7 @@ export function IntegrationTabsHeader({ rightSlot, }: IntegrationTabsHeaderProps) { return ( -
{file.name}
diff --git a/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/mention/mention-list.test.tsx b/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/mention/mention-list.test.tsx
index 2f5241d11ca..8ff82847a9d 100644
--- a/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/mention/mention-list.test.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/mention/mention-list.test.tsx
@@ -7,9 +7,9 @@
* The second test drives the real `ReactRenderer` path the suggestion plugin actually uses.
*/
import { act, createRef } from 'react'
+import { File } from '@sim/emcn/icons'
import { Editor } from '@tiptap/core'
import { EditorContent, ReactRenderer } from '@tiptap/react'
-import { File } from 'lucide-react'
import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
import { createMarkdownEditorExtensions } from '../editor-extensions'
import { MentionList, type MentionListHandle } from './mention-list'
diff --git a/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/mention/types.ts b/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/mention/types.ts
index dd87663dcc7..a26eb56869b 100644
--- a/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/mention/types.ts
+++ b/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/mention/types.ts
@@ -24,6 +24,6 @@ export interface MentionItem {
label: string
/** Category heading the item is shown under. */
group: string
- /** Optional per-item icon (Lucide category icon or a brand block icon). */
+ /** Optional per-item icon (emcn category icon or a brand block icon). */
icon?: ComponentType<{ className?: string }>
}
diff --git a/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/menus/bubble-menu.tsx b/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/menus/bubble-menu.tsx
index ca2acb30e0d..a30e1337510 100644
--- a/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/menus/bubble-menu.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/menus/bubble-menu.tsx
@@ -1,11 +1,6 @@
import { useCallback, useEffect, useRef, useState } from 'react'
-import { Blimp } from '@sim/emcn/icons'
-import { posToDOMRect } from '@tiptap/core'
-import { PluginKey } from '@tiptap/pm/state'
-import type { Editor } from '@tiptap/react'
-import { useEditorState } from '@tiptap/react'
-import { BubbleMenu } from '@tiptap/react/menus'
import {
+ Blimp,
Bold,
Check,
Code,
@@ -20,7 +15,12 @@ import {
Strikethrough,
TextQuote,
Unlink,
-} from 'lucide-react'
+} from '@sim/emcn/icons'
+import { posToDOMRect } from '@tiptap/core'
+import { PluginKey } from '@tiptap/pm/state'
+import type { Editor } from '@tiptap/react'
+import { useEditorState } from '@tiptap/react'
+import { BubbleMenu } from '@tiptap/react/menus'
import { applyLink, LinkUrlInput } from './link-editing'
import { ToolbarButton, ToolbarDivider } from './toolbar-button'
diff --git a/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/menus/link-hover-card.tsx b/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/menus/link-hover-card.tsx
index b56094f2e0b..015b61465ea 100644
--- a/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/menus/link-hover-card.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/menus/link-hover-card.tsx
@@ -1,9 +1,9 @@
import { useCallback, useEffect, useRef, useState } from 'react'
import { autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom'
import { useCopyToClipboard } from '@sim/emcn'
+import { Check, Duplicate, Pencil, Unlink } from '@sim/emcn/icons'
import { getMarkRange } from '@tiptap/core'
import type { Editor } from '@tiptap/react'
-import { Check, Copy, Pencil, Unlink } from 'lucide-react'
import { createPortal } from 'react-dom'
import { normalizeLinkHref } from '../markdown-fidelity'
import { applyLink, LinkUrlInput } from './link-editing'
@@ -178,7 +178,7 @@ export function LinkHoverCard({ editor }: LinkHoverCardProps) {
)}
{
void copy(rawHref)
diff --git a/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/menus/table-menu.tsx b/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/menus/table-menu.tsx
index e62fa8fdcb0..4d7073ccd4e 100644
--- a/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/menus/table-menu.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/menus/table-menu.tsx
@@ -1,9 +1,4 @@
import { useCallback, useState } from 'react'
-import { posToDOMRect } from '@tiptap/core'
-import { PluginKey } from '@tiptap/pm/state'
-import type { Editor } from '@tiptap/react'
-import { useEditorState } from '@tiptap/react'
-import { BubbleMenu } from '@tiptap/react/menus'
import {
ArrowDown,
ArrowLeft,
@@ -12,8 +7,13 @@ import {
Columns3,
Rows3,
Table as TableIcon,
- Trash2,
-} from 'lucide-react'
+ Trash,
+} from '@sim/emcn/icons'
+import { posToDOMRect } from '@tiptap/core'
+import { PluginKey } from '@tiptap/pm/state'
+import type { Editor } from '@tiptap/react'
+import { useEditorState } from '@tiptap/react'
+import { BubbleMenu } from '@tiptap/react/menus'
import { ToolbarButton, ToolbarDivider } from './toolbar-button'
/** Pins the toolbar to the viewport instead of tracking the (often wide) table as it scrolls horizontally. */
@@ -118,7 +118,7 @@ export function TableBubbleMenu({ editor, scrollContainerRef }: TableBubbleMenuP
onClick={() => editor.chain().focus().toggleHeaderRow().run()}
/>
editor.chain().focus().deleteTable().run()}
diff --git a/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/menus/toolbar-button.tsx b/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/menus/toolbar-button.tsx
index bc77d683610..b8acd061158 100644
--- a/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/menus/toolbar-button.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/menus/toolbar-button.tsx
@@ -2,7 +2,7 @@ import type { ComponentType, SVGProps } from 'react'
import { cn, Tooltip } from '@sim/emcn'
interface ToolbarButtonProps {
- /** Any SVG icon component — Lucide icons and `@sim/emcn/icons` both satisfy this. */
+ /** Any SVG icon component, e.g. from `@sim/emcn/icons`. */
icon: ComponentType>
label: string
shortcut?: string
diff --git a/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/rich-markdown-editor.css b/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/rich-markdown-editor.css
index 4258b9901b9..1af8faa0bd0 100644
--- a/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/rich-markdown-editor.css
+++ b/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/rich-markdown-editor.css
@@ -4,7 +4,7 @@
color: var(--text-primary);
font-family: var(--font-inter);
font-size: 15px;
- font-weight: 430;
+ font-weight: 400;
line-height: 25px;
letter-spacing: 0;
overflow-wrap: anywhere;
@@ -14,7 +14,7 @@
max-width: 100%;
height: auto;
border-radius: 8px;
- border: 1px solid var(--border);
+ border: var(--border-width) solid var(--border);
}
/* One consistent ring for every node that can only be selected as a whole (divider, image,
@@ -204,7 +204,7 @@
width: 16px;
height: 16px;
margin: 0;
- border: 1px solid var(--border-1);
+ border: var(--border-width) solid var(--border-1);
border-radius: 3px;
background: transparent;
cursor: pointer;
@@ -224,7 +224,7 @@
}
.rich-markdown-prose blockquote {
- border-left: 2px solid var(--divider);
+ border-left: 2px solid var(--border);
padding-left: 1rem;
color: var(--text-primary);
font-style: italic;
@@ -331,7 +331,7 @@
.rich-markdown-prose hr {
border: none;
- border-top: 1px solid var(--divider);
+ border-top: var(--border-width) solid var(--border);
margin: 1.5em 0;
}
diff --git a/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/slash-command/commands.ts b/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/slash-command/commands.ts
index 5878b352cb8..000a434eba4 100644
--- a/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/slash-command/commands.ts
+++ b/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/slash-command/commands.ts
@@ -1,19 +1,19 @@
-import type { Editor, Range } from '@tiptap/core'
+import type { ComponentType, SVGProps } from 'react'
import {
- Code2,
+ Code,
Heading1,
Heading2,
Heading3,
- Image as ImageIcon,
+ ImageUp as ImageIcon,
List,
ListChecks,
ListOrdered,
- type LucideIcon,
Minus,
Pilcrow,
Table as TableIcon,
TextQuote,
-} from 'lucide-react'
+} from '@sim/emcn/icons'
+import type { Editor, Range } from '@tiptap/core'
export interface SlashCommandContext {
editor: Editor
@@ -33,7 +33,7 @@ export interface SlashCommandItem {
title: string
/** Group heading the item is shown under in the menu. */
group: string
- icon: LucideIcon
+ icon: ComponentType>
/** Extra search terms matched against the slash query, beyond the title. */
aliases: string[]
/** Keyboard shortcut shown on the right of the item (omitted when there is none). */
@@ -116,7 +116,7 @@ export const SLASH_COMMANDS: readonly SlashCommandItem[] = [
{
title: 'Code block',
group: 'Blocks',
- icon: Code2,
+ icon: Code,
aliases: ['codeblock', 'snippet', 'fence'],
shortcut: '⌘⌥C',
run: ({ editor, range }) => editor.chain().focus().deleteRange(range).toggleCodeBlock().run(),
diff --git a/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/xlsx-preview.tsx b/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/xlsx-preview.tsx
index 6e15f70cde2..5ff5c26b3f4 100644
--- a/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/xlsx-preview.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/xlsx-preview.tsx
@@ -115,7 +115,7 @@ export const XlsxPreview = memo(function XlsxPreview({
return (
-
+
{sheetNames.map((name, i) => (
@@ -190,7 +192,7 @@ export function ToolPermissionCard({
{showBulkActions && (
-
+
{outstandingIds.length} tools need permission
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/chat-content/chat-content.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/chat-content/chat-content.tsx
index abedf727bf4..17b24c9cd17 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/chat-content/chat-content.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/chat-content/chat-content.tsx
@@ -40,16 +40,16 @@ const LANG_ALIASES: Record = {
const PROSE_CLASSES = cn(
'prose prose-base dark:prose-invert max-w-none',
- 'font-[family-name:var(--font-inter)] antialiased break-words font-[430] tracking-[0]',
- 'prose-headings:font-[600] prose-headings:tracking-[0] prose-headings:text-[var(--text-primary)]',
+ 'font-[family-name:var(--font-inter)] antialiased break-words tracking-[0]',
+ 'prose-headings:font-semibold prose-headings:tracking-[0] prose-headings:text-[var(--text-primary)]',
'prose-headings:mb-3 prose-headings:mt-6 first:prose-headings:mt-0',
'prose-p:text-base prose-p:leading-[25px] prose-p:text-[var(--text-primary)]',
'prose-li:text-base prose-li:leading-[25px] prose-li:text-[var(--text-primary)]',
'prose-li:my-1',
'prose-ul:my-4 prose-ol:my-4',
- 'prose-strong:font-[600] prose-strong:text-[var(--text-primary)]',
+ 'prose-strong:font-semibold prose-strong:text-[var(--text-primary)]',
'prose-a:text-[var(--text-primary)] prose-a:underline prose-a:decoration-dashed prose-a:underline-offset-4',
- 'prose-hr:border-[var(--divider)] prose-hr:my-6',
+ 'prose-hr:border-[var(--border)] prose-hr:my-6',
'prose-table:my-0'
)
@@ -195,7 +195,7 @@ function highlight(code: string, language: string): string {
const MARKDOWN_COMPONENTS = {
table({ children }: { children?: React.ReactNode }) {
return (
-
+
{children}
@@ -209,7 +209,7 @@ const MARKDOWN_COMPONENTS = {
return (
{children}
@@ -219,7 +219,7 @@ const MARKDOWN_COMPONENTS = {
return (
{children}
@@ -232,7 +232,7 @@ const MARKDOWN_COMPONENTS = {
if (!codeString) {
return (
-
+
{children}
)
@@ -241,8 +241,8 @@ const MARKDOWN_COMPONENTS = {
const html = highlight(codeString.trimEnd(), language)
return (
-
-
+
+
{language || 'code'}
@@ -349,14 +349,14 @@ const MARKDOWN_COMPONENTS = {
},
inlineCode({ children }: { children?: React.ReactNode }) {
return (
-
+
{children}
)
},
blockquote({ children }: { children?: React.ReactNode }) {
return (
-
+
{children}
)
@@ -380,7 +380,7 @@ const MARKDOWN_COMPONENTS = {
src={src}
alt={alt ?? ''}
loading='lazy'
- className='my-4 h-auto max-w-full rounded-lg border border-[var(--divider)]'
+ className='my-4 h-auto max-w-full rounded-lg border border-[var(--border)]'
/>
)
},
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/options/options.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/options/options.tsx
index ea0f2fc82a2..080edad2af7 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/options/options.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/options/options.tsx
@@ -15,7 +15,7 @@ export function Options({ items, onSelect }: OptionsProps) {
key={item.id}
type='button'
onClick={() => onSelect?.(item.id)}
- className='rounded-full border border-[var(--divider)] bg-[var(--bg)] px-3.5 py-1.5 font-[430] font-[family-name:var(--font-inter)] text-[var(--text-primary)] text-sm leading-5 transition-colors hover-hover:bg-[var(--surface-5)]'
+ className='rounded-full border border-[var(--border)] bg-[var(--bg)] px-3.5 py-1.5 font-[family-name:var(--font-inter)] text-[var(--text-primary)] text-sm leading-5 transition-colors hover-hover:bg-[var(--surface-5)]'
>
{item.label}
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/question/question.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/question/question.tsx
index 53811b94c04..44b27dba5ff 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/question/question.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/question/question.tsx
@@ -47,7 +47,7 @@ export function parseQuestionAnswerMessage(
}
const OPTION_ROW_CLASSES =
- 'flex items-center gap-2 border-[var(--divider)] px-2 py-2 text-left transition-colors'
+ 'flex items-center gap-2 border-[var(--border)] px-2 py-2 text-left transition-colors'
/** Ghost icon-button chrome shared by the stepper chevrons and the dismiss X. */
const ICON_BUTTON_CLASSES = 'relative size-[14px] flex-shrink-0 p-0'
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/special-tags/special-tags.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/special-tags/special-tags.tsx
index 63e32cdd908..6372643c46f 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/special-tags/special-tags.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/special-tags/special-tags.tsx
@@ -1404,7 +1404,7 @@ function OptionsDisplay({ data, onSelect }: OptionsDisplayProps) {
disabled={disabled}
onClick={() => onSelect?.(title)}
className={cn(
- 'flex items-center gap-2 border-[var(--divider)] px-2 py-2 text-left transition-colors',
+ 'flex items-center gap-2 border-[var(--border)] px-2 py-2 text-left transition-colors',
disabled ? 'cursor-not-allowed' : 'hover-hover:bg-[var(--surface-5)]',
i > 0 && 'border-t'
)}
@@ -1637,7 +1637,7 @@ function SecretInputDisplay({ data }: { data: CredentialTagData }) {
@@ -2031,13 +2031,13 @@ function UsageUpgradeDisplay({ data }: { data: UsageUpgradeTagData }) {
target={isHosted ? undefined : '_blank'}
rel={isHosted ? undefined : 'noopener noreferrer'}
aria-label={isHosted ? undefined : `${buttonLabel} (opens in a new tab)`}
- className='mt-2 inline-flex items-center gap-1 font-[500] text-amber-700 text-small underline decoration-dashed underline-offset-2 transition-colors hover-hover:text-amber-900 dark:text-amber-300 dark:hover-hover:text-amber-200'
+ className='mt-2 inline-flex items-center gap-1 font-medium text-amber-700 text-small underline decoration-dashed underline-offset-2 transition-colors hover-hover:text-amber-900 dark:text-amber-300 dark:hover-hover:text-amber-200'
>
{buttonLabel}
{isHosted ?
+
{unavailableMessage}
)}
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/message-content/utils.ts b/apps/sim/app/workspace/[workspaceId]/home/components/message-content/utils.ts
index bae5654b19e..8079fc40de6 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/message-content/utils.ts
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/message-content/utils.ts
@@ -19,8 +19,7 @@ import {
TerminalWindow,
Wrench,
} from '@sim/emcn'
-import { Calendar, Clock, Cursor, Table as TableIcon } from '@sim/emcn/icons'
-import { Globe } from 'lucide-react'
+import { Calendar, Clock, Cursor, Globe, Table as TableIcon } from '@sim/emcn/icons'
import { AgentIcon, ImageIcon, TTSIcon, VideoIcon } from '@/components/icons'
import type { ToolCallStatus } from '@/app/workspace/[workspaceId]/home/types'
@@ -59,7 +58,6 @@ const TOOL_ICONS: Record = {
search_knowledge_base: Database,
table: TableIcon,
query_user_table: TableIcon,
- scheduled_task: Calendar,
job: Calendar,
agent: AgentIcon,
custom_tool: Wrench,
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/mothership-chat/components/mothership-chat-skeleton/mothership-chat-skeleton.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/mothership-chat/components/mothership-chat-skeleton/mothership-chat-skeleton.tsx
index 3e8838e2cee..9b32c21b1dd 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/mothership-chat/components/mothership-chat-skeleton/mothership-chat-skeleton.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/mothership-chat/components/mothership-chat-skeleton/mothership-chat-skeleton.tsx
@@ -2,7 +2,7 @@ import { Skeleton } from '@sim/emcn'
const LAYOUT_SKELETON_STYLES = {
'mothership-view': {
- content: 'mx-auto max-w-[48rem] space-y-6',
+ content: 'mx-auto max-w-chat space-y-6',
userRow: 'flex flex-col items-end gap-[6px] pt-3',
},
'copilot-view': {
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/mothership-chat/mothership-chat.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/mothership-chat/mothership-chat.tsx
index fb33d9ec1de..16e9553545c 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/mothership-chat/mothership-chat.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/mothership-chat/mothership-chat.tsx
@@ -116,14 +116,14 @@ const LAYOUT_STYLES = {
'mothership-view': {
scrollContainer:
'mt-[var(--workspace-content-title-bar-inset)] min-h-0 flex-1 overflow-y-auto overflow-x-hidden px-6 pt-4 pb-2 [overflow-anchor:none] [scrollbar-gutter:stable_both-edges]',
- sizer: 'relative mx-auto w-full max-w-[48rem]',
+ sizer: 'relative mx-auto w-full max-w-chat',
rowGap: 'pb-6',
userRow: 'flex flex-col items-end gap-[6px] pt-3',
attachmentWidth: 'max-w-[70%]',
userBubble: 'max-w-[70%] overflow-hidden rounded-[16px] bg-[var(--surface-5)] px-3.5 py-2',
assistantRow: 'group/msg',
footer: 'flex-shrink-0 px-[24px] pb-[16px]',
- footerInner: 'mx-auto max-w-[48rem]',
+ footerInner: 'mx-auto max-w-chat',
},
'copilot-view': {
scrollContainer:
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/add-resource-dropdown/add-resource-dropdown.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/add-resource-dropdown/add-resource-dropdown.tsx
index 5e2c9093c86..6fe54a3678e 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/add-resource-dropdown/add-resource-dropdown.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/add-resource-dropdown/add-resource-dropdown.tsx
@@ -16,7 +16,6 @@ import {
Tooltip,
} from '@sim/emcn'
import { Folder, Plus } from '@sim/emcn/icons'
-import { truncate } from '@sim/utils/string'
import { isBrowserAgentAvailable } from '@/lib/browser-agent/transport'
import {
BROWSER_SESSION_RESOURCE_ID,
@@ -43,7 +42,6 @@ import { useFolders } from '@/hooks/queries/folders'
import { useKnowledgeBasesQuery } from '@/hooks/queries/kb/knowledge'
import { useLogsList } from '@/hooks/queries/logs'
import { useMothershipChats } from '@/hooks/queries/mothership-chats'
-import { useWorkspaceSchedules } from '@/hooks/queries/schedules'
import { useTablesList } from '@/hooks/queries/tables'
import { useWorkflows } from '@/hooks/queries/workflows'
import { useWorkspaceFileFolders } from '@/hooks/queries/workspace-file-folders'
@@ -173,9 +171,6 @@ export function useAvailableResources(
{ enabled }
)
const { data: tasks, isPending: tasksPending } = useMothershipChats(workspaceId, { enabled })
- const { data: schedules, isPending: schedulesPending } = useWorkspaceSchedules(workspaceId, {
- enabled,
- })
const { data: logsData, isPending: logsPending } = useLogsList(
workspaceId,
LOG_DROPDOWN_FILTERS,
@@ -202,7 +197,6 @@ export function useAvailableResources(
foldersPending ||
fileFoldersPending ||
tasksPending ||
- schedulesPending ||
logsPending)
const groups = useMemo(() => {
@@ -268,15 +262,6 @@ export function useAvailableResources(
type: 'task' as const,
items: (tasks ?? []).map((t) => ({ id: t.id, name: t.name })),
},
- {
- type: 'scheduledtask' as const,
- items: (schedules ?? [])
- .filter((s) => s.sourceType === 'job')
- .map((s) => ({
- id: s.id,
- name: s.jobTitle || truncate(s.prompt ?? '', 40) || 'Scheduled Task',
- })),
- },
{
type: 'log' as const,
items: logs.map((log) => {
@@ -322,7 +307,6 @@ export function useAvailableResources(
files,
knowledgeBases,
tasks,
- schedules,
logs,
excludeTypes,
])
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-content/components/browser-session/browser-session.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-content/components/browser-session/browser-session.tsx
index c6e0869218c..c30220ceaa7 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-content/components/browser-session/browser-session.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-content/components/browser-session/browser-session.tsx
@@ -30,8 +30,7 @@ import {
PopoverContent,
PopoverItem,
} from '@sim/emcn'
-import { ArrowLeft, ArrowRight, Key, Link, RefreshCw, Search } from '@sim/emcn/icons'
-import { Globe } from 'lucide-react'
+import { ArrowLeft, ArrowRight, Globe, Key, Link, RefreshCw, Search } from '@sim/emcn/icons'
import { useTheme } from 'next-themes'
import { createPortal } from 'react-dom'
import {
@@ -1036,7 +1035,7 @@ export function BrowserSession({
type='button'
aria-label='Browser menu'
title='Browser menu'
- className={cn(chipVariants({ flush: true }), 'flex-shrink-0')}
+ className={cn(chipVariants(), 'flex-shrink-0')}
>
= {
- active: 'Active',
- disabled: 'Paused',
- completed: 'Completed',
-}
-
-function formatScheduleInstant(iso: string | null): string {
- if (!iso) return '—'
- const date = new Date(iso)
- return Number.isNaN(date.getTime()) ? '—' : format(date, "EEE, MMM d 'at' h:mm a")
-}
-
-interface ScheduledTaskFieldProps {
- title: string
- value: string
-}
-
-function ScheduledTaskField({ title, value }: ScheduledTaskFieldProps) {
- return (
-
- {title}
- {value}
-
- )
-}
-
-interface EmbeddedScheduledTaskProps {
- workspaceId: string
- scheduleId: string
-}
-
-function EmbeddedScheduledTask({ scheduleId }: EmbeddedScheduledTaskProps) {
- const { data: schedule, isLoading, isError } = useScheduleById(scheduleId)
-
- if (isLoading && !schedule) return LOADING_SKELETON
-
- if (!schedule) {
- const heading = isError ? "Couldn't load scheduled task" : 'Scheduled task not found'
- const detail = isError
- ? 'Something went wrong loading this scheduled task. Try again.'
- : 'This scheduled task may have been deleted'
- return (
-
- {heading}
- {detail}
-
-
- )
- }
-
- const title = schedule.jobTitle || schedule.prompt || 'Scheduled task'
- const timing = schedule.cronExpression
- ? parseCronToHumanReadable(schedule.cronExpression, schedule.timezone)
- : 'Runs once'
- const status = SCHEDULE_STATUS_LABEL[schedule.status] ?? schedule.status
-
- return (
-
-
- {title}
-
-
-
-
- {schedule.prompt || '—'}
-
-
-
- {schedule.jobHistory && schedule.jobHistory.length > 0 && (
-
- Recent runs
-
- {schedule.jobHistory.slice(0, 5).map((run, index) => (
-
-
- {formatScheduleInstant(run.timestamp)}
-
- {run.summary}
-
- ))}
-
-
- )}
-
- )
-}
-
-interface EmbeddedScheduledTaskActionsProps {
- workspaceId: string
-}
-
-function EmbeddedScheduledTaskActions({ workspaceId }: EmbeddedScheduledTaskActionsProps) {
- const router = useRouter()
-
- const handleOpenScheduledTasks = () => {
- router.push(`/workspace/${workspaceId}/scheduled-tasks`)
- }
-
- return (
-
-
-
-
-
- Open in scheduled tasks
-
-
- )
-}
-
interface EmbeddedLogProps {
workspaceId: string
logId: string
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-registry/resource-registry.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-registry/resource-registry.tsx
index e1bbf9f9f36..5a4793713ad 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-registry/resource-registry.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-registry/resource-registry.tsx
@@ -3,11 +3,11 @@
import type { ElementType, ReactNode } from 'react'
import { cn } from '@sim/emcn'
import {
- Calendar,
Connections,
Database,
File as FileIcon,
Folder as FolderIcon,
+ Globe,
Library,
Table as TableIcon,
Task,
@@ -15,7 +15,6 @@ import {
Workflow,
} from '@sim/emcn/icons'
import type { QueryClient } from '@tanstack/react-query'
-import { Globe } from 'lucide-react'
import { getDocumentIcon } from '@/components/icons/document-icons'
import type {
MothershipResource,
@@ -24,7 +23,6 @@ import type {
import { getBareIconStyle, type StyleableIcon } from '@/blocks/brand-icon-style'
import { logKeys } from '@/hooks/queries/logs'
import { mothershipChatKeys } from '@/hooks/queries/mothership-chats'
-import { scheduleKeys } from '@/hooks/queries/schedules'
import { folderKeys } from '@/hooks/queries/utils/folder-keys'
import { invalidateWorkflowLists } from '@/hooks/queries/utils/invalidate-workflow-lists'
import { knowledgeKeys } from '@/hooks/queries/utils/knowledge-keys'
@@ -186,15 +184,6 @@ export const RESOURCE_REGISTRY: Record
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/suggested-actions/suggested-actions.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/suggested-actions/suggested-actions.tsx
index c90e0795ee8..8a78cf03537 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/suggested-actions/suggested-actions.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/suggested-actions/suggested-actions.tsx
@@ -1,8 +1,8 @@
'use client'
import { type ComponentType, type CSSProperties, useMemo, useState } from 'react'
-import { ArrowRight, ChevronDown, chipVariants, cn, Expandable, ExpandableContent } from '@sim/emcn'
-import { Shuffle, Table } from '@sim/emcn/icons'
+import { ArrowRight, ChevronDown, cn, Expandable, ExpandableContent } from '@sim/emcn'
+import { Table } from '@sim/emcn/icons'
import { randomFloat } from '@sim/utils/random'
import { stripVersionSuffix } from '@sim/utils/string'
import { useParams } from 'next/navigation'
@@ -149,7 +149,7 @@ function scoreCandidate(c: Candidate, signals: Signals): number {
/**
* Weighted sampling without replacement. Each pick's probability is
- * proportional to its weight, so shuffles stay fresh while staying relevant.
+ * proportional to its weight, so the set stays varied while staying relevant.
*/
function weightedSample(pool: readonly T[], n: number, weightOf: (item: T) => number): T[] {
const remaining = pool.map((item) => ({ item, weight: Math.max(weightOf(item), 0) }))
@@ -277,8 +277,6 @@ export function SuggestedActions({ onSelectPrompt }: SuggestedActionsProps) {
* above it.
*/
const [animationsEnabled, setAnimationsEnabled] = useState(false)
- /** Incremented by the shuffle control to re-roll the weighted sample. */
- const [shuffleNonce, setShuffleNonce] = useState(0)
/**
* OAuth connect modal target. Setting this opens the modal; setting it back
* to `null` (via `onOpenChange(false)`) closes it. Mirrors the local-state
@@ -307,16 +305,16 @@ export function SuggestedActions({ onSelectPrompt }: SuggestedActionsProps) {
)
/**
- * Personalized suggestions, re-sampled whenever signals resolve or the user
- * shuffles. Falls back to {@link INITIAL_ACTIONS} until the credential and
- * service queries have loaded (and stays there for users with no
- * connections, unless they shuffle), so first paint never flashes.
+ * Personalized suggestions, re-sampled whenever signals resolve. Falls back to
+ * {@link INITIAL_ACTIONS} until the credential and service queries have loaded
+ * — and stays there for users with no connections — so first paint never
+ * flashes.
*/
const actions = useMemo(() => {
const personalized = services.length > 0 && connectedProviders.size > 0
- if (!personalized && shuffleNonce === 0) return INITIAL_ACTIONS
+ if (!personalized) return INITIAL_ACTIONS
return computeActions(services, signals)
- }, [connectedProviders, services, signals, shuffleNonce])
+ }, [connectedProviders, services, signals])
const handleSelect = (action: Action, position: number) => {
captureEvent(posthog, 'suggested_action_clicked', {
@@ -335,14 +333,6 @@ export function SuggestedActions({ onSelectPrompt }: SuggestedActionsProps) {
if (match) setOAuthTarget(match)
}
- const handleShuffle = () => {
- captureEvent(posthog, 'suggested_actions_shuffled', {
- workspace_id: workspaceId,
- connected_provider_count: connectedProviders.size,
- })
- setShuffleNonce((n) => n + 1)
- }
-
const handleToggleExpanded = () => {
captureEvent(posthog, 'suggested_actions_toggled', {
workspace_id: workspaceId,
@@ -353,41 +343,40 @@ export function SuggestedActions({ onSelectPrompt }: SuggestedActionsProps) {
}
return (
-
-
-
-
+ />
+
-
-
+
+ {/* 6px, matching a sidebar section header to its first item — both headers
+ are an 18px box around 12px text, so equal padding reads as equal
+ distance. Padding an inner wrapper rather than the animated element:
+ `collapsible-up`/`-down` interpolate height alone, so a margin here
+ would hold its full value through the close and then vanish on unmount,
+ snapping the content below up. */}
+
{actions.map((action, i) => {
const Icon = action.icon
return (
@@ -396,7 +385,7 @@ export function SuggestedActions({ onSelectPrompt }: SuggestedActionsProps) {
type='button'
onClick={() => handleSelect(action, i)}
className={cn(
- 'flex items-center gap-2 border-[var(--divider)] px-2 py-2 text-left transition-colors hover-hover:bg-[var(--surface-5)]',
+ 'flex items-center gap-2 border-[var(--border)] px-2 py-2 text-left transition-colors hover-hover:bg-[var(--surface-5)]',
i > 0 && 'border-t'
)}
>
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/attached-files-list/attached-files-list.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/attached-files-list/attached-files-list.tsx
index 1d917779162..f4e01792827 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/attached-files-list/attached-files-list.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/attached-files-list/attached-files-list.tsx
@@ -2,7 +2,7 @@
import React from 'react'
import { Loader, Tooltip } from '@sim/emcn'
-import { X } from 'lucide-react'
+import { X } from '@sim/emcn/icons'
import { getDocumentIcon } from '@/components/icons/document-icons'
import type { AttachedFile } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/copilot/components/user-input/hooks/use-file-attachments'
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/chip-clipboard-codec.ts b/apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/chip-clipboard-codec.ts
index e2166acd6cc..73eb6eff658 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/chip-clipboard-codec.ts
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/chip-clipboard-codec.ts
@@ -27,7 +27,6 @@ const PORTABLE_KIND_TO_ID_FIELD = {
file: 'fileId',
folder: 'folderId',
filefolder: 'fileFolderId',
- scheduledtask: 'scheduleId',
knowledge: 'knowledgeId',
past_chat: 'chatId',
workflow: 'workflowId',
@@ -234,8 +233,6 @@ export function chipLinkToContext(link: ParsedChipLink): ChatContext {
return { kind: 'folder', folderId: link.id, label: link.label }
case 'filefolder':
return { kind: 'filefolder', fileFolderId: link.id, label: link.label }
- case 'scheduledtask':
- return { kind: 'scheduledtask', scheduleId: link.id, label: link.label }
case 'knowledge':
return { kind: 'knowledge', knowledgeId: link.id, label: link.label }
case 'past_chat':
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/constants.ts b/apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/constants.ts
index 29e4baa4ea7..75c0b4da123 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/constants.ts
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/constants.ts
@@ -58,12 +58,12 @@ export interface PlusMenuHandle {
* Box and typography shared by the textarea and its mirror overlay — both must
* produce identical line wrapping so the overlay text sits exactly over the
* (transparent) textarea text. The scale is the chat input's native prompt
- * scale (`text-[15px]`, `-0.015em` tracking); the task modal's body inherits it
+ * scale (`text-[14px]`, `-0.015em` tracking); the task modal's body inherits it
* so the editor reads the same whether it's the chat input or inside the modal.
*/
const FIELD_MIRROR_CLASSES = cn(
'm-0 box-border min-h-[24px] w-full break-words [overflow-wrap:anywhere] border-0 bg-transparent',
- 'px-1 py-1 font-body text-[15px] leading-[24px] tracking-[-0.015em]'
+ 'px-1 py-1 font-body text-[14px] leading-[24px] tracking-[-0.015em]'
)
/**
@@ -75,7 +75,7 @@ export const TEXTAREA_BASE_CLASSES = cn(
FIELD_MIRROR_CLASSES,
'block h-auto resize-none overflow-hidden',
'text-transparent caret-[var(--text-primary)] outline-none',
- 'placeholder:font-[380] placeholder:text-[var(--text-subtle)]',
+ 'placeholder:text-[var(--text-muted)]',
'focus-visible:ring-0 focus-visible:ring-offset-0'
)
@@ -128,7 +128,6 @@ const RESOURCE_TO_CONTEXT: Record<
task: (r) => ({ kind: 'past_chat', chatId: r.id, label: r.title }),
log: (r) => ({ kind: 'logs', executionId: r.id, label: r.title }),
integration: (r) => ({ kind: 'integration', blockType: r.id, label: r.title }),
- scheduledtask: (r) => ({ kind: 'scheduledtask', scheduleId: r.id, label: r.title }),
generic: (r) => ({ kind: 'docs', label: r.title }),
}
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/user-input/user-input.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/user-input/user-input.tsx
index 1e1932332aa..810484c9d84 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/user-input/user-input.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/user-input/user-input.tsx
@@ -530,8 +530,8 @@ const UserInputImpl = forwardRef(function UserI
(function UserI
placeholder='Ask Sim to '
onSubmit={handleEnterSubmit}
onArrowUpOnEmpty={handleArrowUpOnEmpty}
- className={isInitialView ? 'max-h-[30vh]' : 'max-h-[200px]'}
+ className={isInitialView ? 'h-[56px]' : 'max-h-[200px]'}
/>
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/user-message-content/user-message-content.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/user-message-content/user-message-content.tsx
index b5bb7ace728..a52852d122e 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/user-message-content/user-message-content.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/user-message-content/user-message-content.tsx
@@ -7,10 +7,10 @@ import type { ChatMessageContext } from '@/app/workspace/[workspaceId]/home/type
import { getIntegrationMatcher } from '@/blocks/integration-matcher'
const USER_MESSAGE_CLASSES =
- 'whitespace-pre-wrap break-words [overflow-wrap:anywhere] font-[430] font-[family-name:var(--font-inter)] text-base text-[var(--text-primary)] leading-[23px] tracking-[0] antialiased'
+ 'whitespace-pre-wrap break-words [overflow-wrap:anywhere] font-[family-name:var(--font-inter)] text-base text-[var(--text-primary)] leading-[23px] tracking-[0] antialiased'
const COMPACT_CLASSES =
- 'truncate text-small leading-[20px] font-[430] font-[family-name:var(--font-inter)] text-[var(--text-primary)] tracking-[0] antialiased'
+ 'truncate text-small leading-[20px] font-[family-name:var(--font-inter)] text-[var(--text-primary)] tracking-[0] antialiased'
interface UserMessageContentProps {
content: string
diff --git a/apps/sim/app/workspace/[workspaceId]/home/home.tsx b/apps/sim/app/workspace/[workspaceId]/home/home.tsx
index ed9110a54ab..d27ffc2423f 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/home.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/home.tsx
@@ -495,10 +495,10 @@ export function Home({ chatId, userName, userId, tableViewsEnabled }: HomeProps)
{/* Asymmetric padding biases the group up so the full cluster (heading + input + suggestions) sits at the optical center */}
-
+
What should we get done{firstName ? `, ${firstName}` : ''}?
-
+
= {
superagent: 'Superagent',
run: 'Run Agent',
agent: 'Tools Agent',
- scheduled_task: 'Scheduled Task Agent',
// `job` retained as a backward-compat alias so historical transcripts still render a label.
job: 'Job Agent',
file: 'File Agent',
diff --git a/apps/sim/app/workspace/[workspaceId]/integrations/[block]/integration-block-detail-fallback.tsx b/apps/sim/app/workspace/[workspaceId]/integrations/[block]/integration-block-detail-fallback.tsx
index df7af0e6c8a..e0c67cf6f51 100644
--- a/apps/sim/app/workspace/[workspaceId]/integrations/[block]/integration-block-detail-fallback.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/integrations/[block]/integration-block-detail-fallback.tsx
@@ -1,7 +1,7 @@
'use client'
import { ChipLink } from '@sim/emcn'
-import { ArrowLeft } from 'lucide-react'
+import { ArrowLeft } from '@sim/emcn/icons'
import { PAGE_HEADER_BAR } from '@/components/page-header-bar'
interface IntegrationBlockDetailFallbackProps {
@@ -12,7 +12,7 @@ interface IntegrationBlockDetailFallbackProps {
* Suspense fallback for the integration detail page — the back-link chrome
* shown while {@link IntegrationBlockDetail} hydrates.
*
- * This MUST be a client component. The lucide `ArrowLeft` passed as `ChipLink`'s
+ * This MUST be a client component. The `ArrowLeft` icon passed as `ChipLink`'s
* `leftIcon` is a function, and functions cannot cross the server→client
* boundary as props. Rendering the fallback from the server `page.tsx` directly
* threw a React Server Components error ("Functions cannot be passed directly to
diff --git a/apps/sim/app/workspace/[workspaceId]/integrations/[block]/integration-block-detail.tsx b/apps/sim/app/workspace/[workspaceId]/integrations/[block]/integration-block-detail.tsx
index b18dc4cafa9..dcb21376344 100644
--- a/apps/sim/app/workspace/[workspaceId]/integrations/[block]/integration-block-detail.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/integrations/[block]/integration-block-detail.tsx
@@ -2,7 +2,7 @@
import { useEffect, useMemo, useRef, useState } from 'react'
import { Chip, ChipDropdown, ChipLink, cn } from '@sim/emcn'
-import { ArrowLeft, Plus } from 'lucide-react'
+import { ArrowLeft, Plus } from '@sim/emcn/icons'
import { useRouter } from 'next/navigation'
import { useQueryState } from 'nuqs'
import { HEADER_ACTION_CLUSTER, PAGE_HEADER_BAR } from '@/components/page-header-bar'
diff --git a/apps/sim/app/workspace/[workspaceId]/integrations/[block]/integration-skills-section.tsx b/apps/sim/app/workspace/[workspaceId]/integrations/[block]/integration-skills-section.tsx
index 575a448fe2f..13e3d9500d4 100644
--- a/apps/sim/app/workspace/[workspaceId]/integrations/[block]/integration-skills-section.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/integrations/[block]/integration-skills-section.tsx
@@ -2,7 +2,7 @@
import { useMemo, useRef, useState } from 'react'
import { Chip, toast } from '@sim/emcn'
-import { Check, Plus } from 'lucide-react'
+import { Check, Plus } from '@sim/emcn/icons'
import { usePostHog } from 'posthog-js/react'
import { captureEvent } from '@/lib/posthog/client'
import { SkillTile } from '@/app/workspace/[workspaceId]/components'
@@ -38,11 +38,11 @@ function SkillRow({ skill, added, pending, disabled, onAdd }: SkillRowProps) {
description={skill.description}
trailing={
added ? (
-
+
Added
) : (
-
+
{pending ? 'Adding...' : 'Add'}
)
diff --git a/apps/sim/app/workspace/[workspaceId]/integrations/components/connect-slack-bot-modal/connect-slack-bot-modal.tsx b/apps/sim/app/workspace/[workspaceId]/integrations/components/connect-slack-bot-modal/connect-slack-bot-modal.tsx
index 7526064411e..16c9bed5a36 100644
--- a/apps/sim/app/workspace/[workspaceId]/integrations/components/connect-slack-bot-modal/connect-slack-bot-modal.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/integrations/components/connect-slack-bot-modal/connect-slack-bot-modal.tsx
@@ -12,10 +12,10 @@ import {
SecretInput,
Wizard,
} from '@sim/emcn'
+import { Loader } from '@sim/emcn/icons'
import { createLogger } from '@sim/logger'
import { getErrorMessage } from '@sim/utils/errors'
import { generateId } from '@sim/utils/id'
-import { Loader2 } from 'lucide-react'
import { SlackIcon } from '@/components/icons'
import { getBaseUrl } from '@/lib/core/utils/urls'
import { SLACK_CUSTOM_BOT_PROVIDER_ID } from '@/lib/oauth/types'
@@ -431,7 +431,7 @@ function StepDone({ pending, created, error, onRetry }: StepDoneProps) {
if (pending) {
return (
- Verifying your bot and connecting…
)
diff --git a/apps/sim/app/workspace/[workspaceId]/integrations/components/integration-tabs-header/index.ts b/apps/sim/app/workspace/[workspaceId]/integrations/components/integration-tabs-header/index.ts
deleted file mode 100644
index 95e6eb0ca45..00000000000
--- a/apps/sim/app/workspace/[workspaceId]/integrations/components/integration-tabs-header/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { IntegrationTabsHeader } from '@/app/workspace/[workspaceId]/integrations/components/integration-tabs-header/integration-tabs-header'
diff --git a/apps/sim/app/workspace/[workspaceId]/integrations/components/showcase-with-explore/showcase-with-explore.tsx b/apps/sim/app/workspace/[workspaceId]/integrations/components/showcase-with-explore/showcase-with-explore.tsx
index f5363986d1f..c7809c934f0 100644
--- a/apps/sim/app/workspace/[workspaceId]/integrations/components/showcase-with-explore/showcase-with-explore.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/integrations/components/showcase-with-explore/showcase-with-explore.tsx
@@ -38,7 +38,7 @@ export function ShowcaseWithExplore({ prompt }: ShowcaseWithExploreProps) {
storeCuratedPrompt(prompt)
router.push(`/workspace/${workspaceId}/home`)
}}
- className='absolute right-0 bottom-0 mx-0'
+ className='absolute right-0 bottom-0'
>
Explore in chat
diff --git a/apps/sim/app/workspace/[workspaceId]/integrations/integrations.tsx b/apps/sim/app/workspace/[workspaceId]/integrations/integrations.tsx
index c9a8aa539f4..df20fde691b 100644
--- a/apps/sim/app/workspace/[workspaceId]/integrations/integrations.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/integrations/integrations.tsx
@@ -20,8 +20,8 @@ import {
type Integration,
resolveCredentialDisplay,
} from '@/lib/integrations'
+import { IntegrationTabsHeader } from '@/app/workspace/[workspaceId]/components'
import { IntegrationSection } from '@/app/workspace/[workspaceId]/integrations/components/integration-section'
-import { IntegrationTabsHeader } from '@/app/workspace/[workspaceId]/integrations/components/integration-tabs-header'
import { IntegrationTile } from '@/app/workspace/[workspaceId]/integrations/components/integrations-showcase'
import { ShowcaseWithExplore } from '@/app/workspace/[workspaceId]/integrations/components/showcase-with-explore'
import { useScrollRestoration } from '@/app/workspace/[workspaceId]/integrations/hooks/use-scroll-restoration'
@@ -301,7 +301,7 @@ export function Integrations() {
/>
-
setShowConnectorsModal(true)}
- className={cn(chipVariants({ variant: 'filled', flush: true }), 'max-w-[180px]')}
+ className={cn(chipVariants({ variant: 'filled' }), 'max-w-[180px]')}
>
{connector.status === 'syncing' ? (
@@ -1525,7 +1523,6 @@ function TagFilterValueControl({ entry, onChange }: TagFilterValueControlProps)
onChange={(value) => onChange({ value })}
placeholder='From'
fullWidth
- flush
/>
to
onChange({ valueTo: value })}
placeholder='To'
fullWidth
- flush
/>
)
@@ -1545,7 +1541,6 @@ function TagFilterValueControl({ entry, onChange }: TagFilterValueControlProps)
onChange={(value) => onChange({ value })}
placeholder='Select date'
fullWidth
- flush
/>
)
}
@@ -1693,7 +1688,6 @@ function TagFilterSection({ tagDefinitions, entries, onChange }: TagFilterSectio
matchTriggerWidth={false}
contentClassName='max-h-[240px] overflow-y-auto'
className='max-w-[150px]'
- flush
/>
{entry.tagSlot && (
diff --git a/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/action-bar/action-bar.tsx b/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/action-bar/action-bar.tsx
index 052cd60622b..e6817dce63c 100644
--- a/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/action-bar/action-bar.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/action-bar/action-bar.tsx
@@ -1,6 +1,6 @@
-import { Button, cn, Tooltip, Trash2 } from '@sim/emcn'
+import { Button, cn, Tooltip, Trash } from '@sim/emcn'
+import { Ban, Circle } from '@sim/emcn/icons'
import { domAnimation, LazyMotion, m } from 'framer-motion'
-import { Circle, CircleOff } from 'lucide-react'
import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/providers/workspace-permissions-provider'
interface ActionBarProps {
@@ -109,7 +109,7 @@ export function ActionBar({
disabled={isLoading}
className='hover-hover:!text-[var(--text-inverse)] size-[28px] rounded-lg bg-[var(--surface-5)] p-0 text-[var(--text-secondary)] hover-hover:bg-[var(--brand-secondary)]'
>
- Disable
@@ -125,7 +125,7 @@ export function ActionBar({
disabled={isLoading}
className='hover-hover:!text-[var(--text-inverse)] size-[28px] rounded-lg bg-[var(--surface-5)] p-0 text-[var(--text-secondary)] hover-hover:bg-[var(--brand-secondary)]'
>
- Delete
diff --git a/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/add-connector-modal/add-connector-modal.tsx b/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/add-connector-modal/add-connector-modal.tsx
index 661bc325188..529ac4567aa 100644
--- a/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/add-connector-modal/add-connector-modal.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/add-connector-modal/add-connector-modal.tsx
@@ -20,7 +20,7 @@ import {
handleKeyboardActivation,
Search,
} from '@sim/emcn'
-import { ArrowLeft, Plus } from 'lucide-react'
+import { ArrowLeft, Plus } from '@sim/emcn/icons'
import { useParams } from 'next/navigation'
import { consumeOAuthReturnContext } from '@/lib/credentials/client-state'
import {
diff --git a/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/add-documents-modal/add-documents-modal.tsx b/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/add-documents-modal/add-documents-modal.tsx
index cfdc62d32af..98c33ed9754 100644
--- a/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/add-documents-modal/add-documents-modal.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/add-documents-modal/add-documents-modal.tsx
@@ -12,8 +12,8 @@ import {
cn,
Loader,
} from '@sim/emcn'
+import { RefreshCw, X } from '@sim/emcn/icons'
import { createLogger } from '@sim/logger'
-import { RotateCcw, X } from 'lucide-react'
import { useParams } from 'next/navigation'
import { formatFileSize, validateKnowledgeBaseFile } from '@/lib/uploads/utils/file-utils'
import { ACCEPT_ATTRIBUTE } from '@/lib/uploads/utils/validation'
@@ -202,7 +202,7 @@ export function AddDocumentsModal({
onClick={() => handleRetryFile(index)}
disabled={isUploading}
>
- {field.description}
diff --git a/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/connectors-section/connectors-section.tsx b/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/connectors-section/connectors-section.tsx
index b7e7b4b6145..6368f79313c 100644
--- a/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/connectors-section/connectors-section.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/connectors-section/connectors-section.tsx
@@ -14,20 +14,20 @@ import {
Loader,
Tooltip,
} from '@sim/emcn'
-import { createLogger } from '@sim/logger'
-import { format, formatDistanceToNow, isPast } from 'date-fns'
import {
- AlertCircle,
- AlertTriangle,
- CheckCircle2,
ChevronDown,
+ CircleAlert,
+ CircleCheck,
+ CircleX,
Pause,
Play,
RefreshCw,
Settings,
Trash,
- XCircle,
-} from 'lucide-react'
+ TriangleAlert,
+} from '@sim/emcn/icons'
+import { createLogger } from '@sim/logger'
+import { format, formatDistanceToNow, isPast } from 'date-fns'
import { consumeOAuthReturnContext, writeOAuthReturnContext } from '@/lib/credentials/client-state'
import { getCanonicalScopesForProvider, getProviderIdFromServiceId } from '@/lib/oauth'
import { getMissingRequiredScopes } from '@/lib/oauth/utils'
@@ -378,7 +378,7 @@ function ConnectorCard({
)}
{connector.status === 'disabled' && (
-
-
{connector.lastSyncError}
@@ -557,7 +557,7 @@ function ConnectorCard({
-
@@ -710,9 +710,9 @@ function SyncHistory({ logs, isLoading }: SyncHistoryProps) {
{isRunning ? (
diff --git a/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/edit-connector-modal/edit-connector-modal.tsx b/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/edit-connector-modal/edit-connector-modal.tsx
index b916a31b232..5efe253f401 100644
--- a/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/edit-connector-modal/edit-connector-modal.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/edit-connector-modal/edit-connector-modal.tsx
@@ -15,8 +15,8 @@ import {
Skeleton,
Tooltip,
} from '@sim/emcn'
+import { RefreshCw, SquareArrowUpRight } from '@sim/emcn/icons'
import { createLogger } from '@sim/logger'
-import { ExternalLink, RotateCcw } from 'lucide-react'
import { ConnectorConfigFields } from '@/app/workspace/[workspaceId]/knowledge/[id]/components/connector-config-fields'
import { hasWorkspaceMaxConnectorAccess } from '@/app/workspace/[workspaceId]/knowledge/[id]/components/connector-entitlements'
import { SYNC_INTERVALS } from '@/app/workspace/[workspaceId]/knowledge/[id]/components/consts'
@@ -459,7 +459,7 @@ function DocumentsTab({ knowledgeBaseId, connectorId }: DocumentsTabProps) {
rel='noopener noreferrer'
className='flex size-5 flex-shrink-0 items-center justify-center rounded-md text-[var(--text-icon)] transition-colors hover-hover:bg-[var(--surface-5)] hover-hover:text-[var(--text-primary)]'
>
- Open source document
@@ -479,7 +479,7 @@ function DocumentsTab({ knowledgeBaseId, connectorId }: DocumentsTabProps) {
>
{doc.userExcluded ? (
<>
- setIsExecutionSnapshotOpen(true)}>
+ setIsExecutionSnapshotOpen(true)}>
View Snapshot
@@ -555,7 +564,7 @@ export function LogDetailsContent({ log, onActiveTabChange }: LogDetailsContentP
Troubleshoot
-
+
Troubleshoot in Chat
diff --git a/apps/sim/app/workspace/[workspaceId]/not-found.tsx b/apps/sim/app/workspace/[workspaceId]/not-found.tsx
index db69e38864d..6a29b6c5a26 100644
--- a/apps/sim/app/workspace/[workspaceId]/not-found.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/not-found.tsx
@@ -1,8 +1,7 @@
'use client'
import { Button, buttonVariants } from '@sim/emcn'
-import { ArrowLeft, Home } from '@sim/emcn/icons'
-import { Compass } from 'lucide-react'
+import { ArrowLeft, Compass, Home } from '@sim/emcn/icons'
import Link from 'next/link'
import { useParams, useRouter } from 'next/navigation'
import { ErrorShell } from '@/app/workspace/[workspaceId]/components'
@@ -16,7 +15,7 @@ export default function WorkspaceNotFound() {