added more

Author: waleedlatif1

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/chat/chat.tsx

@@ -1049,7 +1049,7 @@ export function Chat() {
                   onClick={() => document.getElementById('floating-chat-file-input')?.click()}
                   title='Attach file'
                   className={cn(
-                    '!bg-transparent cursor-pointer rounded-[6px] p-[0px]',
+                    '!bg-transparent !border-0 cursor-pointer rounded-[6px] p-[0px]',
                     (!activeWorkflowId || isExecuting || chatFiles.length >= 15) &&
                       'cursor-not-allowed opacity-50'
                   )}

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/context-menu/block-context-menu.tsx

@@ -21,8 +21,8 @@ export function BlockContextMenu({
   onToggleEnabled,
   onToggleHandles,
   onRemoveFromSubflow,
-  onOpenPanel,
-  onOpenLogs,
+  onOpenEditor,
+  onRename,
   hasClipboard = false,
   showRemoveFromSubflow = false,
   disableEdit = false,
@@ -36,6 +36,8 @@ export function BlockContextMenu({
     (b) => b.type === 'starter' || b.type === 'start_trigger'
   )
   const allNoteBlocks = selectedBlocks.every((b) => b.type === 'note')
+  const isSubflow =
+    isSingleBlock && (selectedBlocks[0]?.type === 'loop' || selectedBlocks[0]?.type === 'parallel')
 
   const canRemoveFromSubflow =
     showRemoveFromSubflow &&
@@ -152,29 +154,30 @@ export function BlockContextMenu({
           </PopoverItem>
         )}
 
-        {/* Open Panel - only for single block */}
-        {isSingleBlock && (
+        {/* Rename - only for single block, not subflows */}
+        {isSingleBlock && !isSubflow && (
           <PopoverItem
+            disabled={disableEdit}
             onClick={() => {
-              onOpenPanel()
+              onRename()
               onClose()
             }}
           >
-            Open Panel
+            Rename
           </PopoverItem>
         )}
 
-        {/* Open Logs */}
-        <PopoverItem
-          className='group'
-          onClick={() => {
-            onOpenLogs()
-            onClose()
-          }}
-        >
-          <span>Open Logs</span>
-          <span className='ml-auto text-[var(--text-tertiary)] group-hover:text-inherit'>⌘L</span>
-        </PopoverItem>
+        {/* Open Editor - only for single block */}
+        {isSingleBlock && (
+          <PopoverItem
+            onClick={() => {
+              onOpenEditor()
+              onClose()
+            }}
+          >
+            Open Editor
+          </PopoverItem>
+        )}
       </PopoverContent>
     </Popover>
   )

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/context-menu/pane-context-menu.tsx

@@ -20,8 +20,10 @@ export function PaneContextMenu({
   onOpenLogs,
   onOpenVariables,
   onOpenChat,
+  onInvite,
   hasClipboard = false,
   disableEdit = false,
+  disableAdmin = false,
 }: PaneContextMenuProps) {
   return (
     <Popover open={isOpen} onOpenChange={onClose} variant='secondary' size='sm'>
@@ -131,6 +133,17 @@ export function PaneContextMenu({
         >
           Open Chat
         </PopoverItem>
+
+        {/* Invite to Workspace - admin only */}
+        <PopoverItem
+          disabled={disableAdmin}
+          onClick={() => {
+            onInvite()
+            onClose()
+          }}
+        >
+          Invite to Workspace
+        </PopoverItem>
       </PopoverContent>
     </Popover>
   )

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/context-menu/types.ts

@@ -48,8 +48,8 @@ export interface BlockContextMenuProps {
   onToggleEnabled: () => void
   onToggleHandles: () => void
   onRemoveFromSubflow: () => void
-  onOpenPanel: () => void
-  onOpenLogs: () => void
+  onOpenEditor: () => void
+  onRename: () => void
   /** Whether clipboard has content for pasting */
   hasClipboard?: boolean
   /** Whether remove from subflow option should be shown */
@@ -79,8 +79,11 @@ export interface PaneContextMenuProps {
   onOpenLogs: () => void
   onOpenVariables: () => void
   onOpenChat: () => void
+  onInvite: () => void
   /** Whether clipboard has content for pasting */
   hasClipboard?: boolean
   /** Whether edit actions are disabled (no permission) */
   disableEdit?: boolean
+  /** Whether admin actions are disabled (no admin permission) */
+  disableAdmin?: boolean
 }

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/editor.tsx

@@ -42,7 +42,13 @@ const IconComponent = ({ icon: Icon, className }: { icon: any; className?: strin
  * @returns Editor panel content
  */
 export function Editor() {
-  const { currentBlockId, connectionsHeight, toggleConnectionsCollapsed } = usePanelEditorStore()
+  const {
+    currentBlockId,
+    connectionsHeight,
+    toggleConnectionsCollapsed,
+    shouldFocusRename,
+    setShouldFocusRename,
+  } = usePanelEditorStore()
   const currentWorkflow = useCurrentWorkflow()
   const currentBlock = currentBlockId ? currentWorkflow.getBlockById(currentBlockId) : null
   const blockConfig = currentBlock ? getBlock(currentBlock.type) : null
@@ -158,6 +164,14 @@ export function Editor() {
     }
   }, [isRenaming])
 
+  // Trigger rename mode when signaled from context menu
+  useEffect(() => {
+    if (shouldFocusRename && currentBlock && !isSubflow) {
+      handleStartRename()
+      setShouldFocusRename(false)
+    }
+  }, [shouldFocusRename, currentBlock, isSubflow, handleStartRename, setShouldFocusRename])
+
   /**
    * Handles opening documentation link in a new secure tab.
    */

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/workflow.tsx

@@ -722,12 +722,19 @@ const WorkflowContent = React.memo(() => {
     })
   }, [contextMenuBlocks])
 
-  const handleContextOpenPanel = useCallback(() => {
+  const handleContextOpenEditor = useCallback(() => {
     if (contextMenuBlocks.length === 1) {
       usePanelEditorStore.getState().setCurrentBlockId(contextMenuBlocks[0].id)
     }
   }, [contextMenuBlocks])
 
+  const handleContextRename = useCallback(() => {
+    if (contextMenuBlocks.length === 1) {
+      usePanelEditorStore.getState().setCurrentBlockId(contextMenuBlocks[0].id)
+      usePanelEditorStore.getState().setShouldFocusRename(true)
+    }
+  }, [contextMenuBlocks])
+
   const handleContextAddBlock = useCallback(() => {
     useSearchModalStore.getState().open()
   }, [])
@@ -744,6 +751,10 @@ const WorkflowContent = React.memo(() => {
     useChatStore.getState().setIsChatOpen(true)
   }, [])
 
+  const handleContextInvite = useCallback(() => {
+    window.dispatchEvent(new CustomEvent('open-invite-modal'))
+  }, [])
+
   useEffect(() => {
     let cleanup: (() => void) | null = null
 
@@ -2855,8 +2866,8 @@ const WorkflowContent = React.memo(() => {
               onToggleEnabled={handleContextToggleEnabled}
               onToggleHandles={handleContextToggleHandles}
               onRemoveFromSubflow={handleContextRemoveFromSubflow}
-              onOpenPanel={handleContextOpenPanel}
-              onOpenLogs={handleContextOpenLogs}
+              onOpenEditor={handleContextOpenEditor}
+              onRename={handleContextRename}
               hasClipboard={hasClipboard()}
               showRemoveFromSubflow={contextMenuBlocks.some(
                 (b) => b.parentId && (b.parentType === 'loop' || b.parentType === 'parallel')
@@ -2877,8 +2888,10 @@ const WorkflowContent = React.memo(() => {
               onOpenLogs={handleContextOpenLogs}
               onOpenVariables={handleContextOpenVariables}
               onOpenChat={handleContextOpenChat}
+              onInvite={handleContextInvite}
               hasClipboard={hasClipboard()}
               disableEdit={!effectivePermissions.canEdit}
+              disableAdmin={!effectivePermissions.canAdmin}
             />
           </>
         )}

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/workspace-header/workspace-header.tsx

@@ -151,6 +151,13 @@ export function WorkspaceHeader({
     setIsMounted(true)
   }, [])
 
+  // Listen for open-invite-modal event from context menu
+  useEffect(() => {
+    const handleOpenInvite = () => setIsInviteModalOpen(true)
+    window.addEventListener('open-invite-modal', handleOpenInvite)
+    return () => window.removeEventListener('open-invite-modal', handleOpenInvite)
+  }, [])
+
   /**
    * Focus the inline list rename input when it becomes active
    */

apps/sim/stores/panel/editor/store.ts

@@ -22,6 +22,10 @@ interface PanelEditorState {
   setConnectionsHeight: (height: number) => void
   /** Toggle connections between collapsed (min height) and expanded (default height) */
   toggleConnectionsCollapsed: () => void
+  /** Flag to signal the editor to focus the rename input */
+  shouldFocusRename: boolean
+  /** Sets the shouldFocusRename flag */
+  setShouldFocusRename: (value: boolean) => void
 }
 
 /**
@@ -33,6 +37,8 @@ export const usePanelEditorStore = create<PanelEditorState>()(
     (set, get) => ({
       currentBlockId: null,
       connectionsHeight: EDITOR_CONNECTIONS_HEIGHT.DEFAULT,
+      shouldFocusRename: false,
+      setShouldFocusRename: (value) => set({ shouldFocusRename: value }),
       setCurrentBlockId: (blockId) => {
         set({ currentBlockId: blockId })
 
@@ -79,6 +85,10 @@ export const usePanelEditorStore = create<PanelEditorState>()(
     }),
     {
       name: 'panel-editor-state',
+      partialize: (state) => ({
+        currentBlockId: state.currentBlockId,
+        connectionsHeight: state.connectionsHeight,
+      }),
       onRehydrateStorage: () => (state) => {
         // Sync CSS variables with stored state after rehydration
         if (state && typeof window !== 'undefined') {