WEBDIENSTE/openswarm
1
0
Fork 0
mirror of https://github.com/openswarm-ai/openswarm.git synced 2026-08-29 03:09:41 +02:00
Code Issues Packages Projects Releases Wiki Activity

[eric] tree: group app/components rich-input + element-selection into editor/

Browse Source
This commit is contained in:
ciregenz
2026-05-23 12:55:54 -07:00
parent 7420f81051
commit 7e3e37e2eb
32 changed files with 43 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/app/components/CommandPicker.tsx → frontend/src/app/components/editor/CommandPicker.tsx
View File
frontend/src/app/components/DirectoryBrowser.tsx → frontend/src/app/components/editor/DirectoryBrowser.tsx
View File
frontend/src/app/components/ElementSelectionContext.tsx → frontend/src/app/components/editor/ElementSelectionContext.tsx
View File
frontend/src/app/components/RichPromptEditor.tsx → frontend/src/app/components/editor/RichPromptEditor.tsx
+2 -2
View File
@@ -2,7 +2,7 @@ import React, { useState, useRef, useCallback, useEffect } from 'react';
import { createPortal } from 'react-dom';
import Box from '@mui/material/Box';
import Typography from '@mui/material/Typography';
import CommandPicker, { CommandPickerItem } from '@/app/components/CommandPicker';
import CommandPicker, { CommandPickerItem } from '@/app/components/editor/CommandPicker';
import {
SKILL_PILL_ATTR,
AttachedSkill,
@@ -12,7 +12,7 @@ import {
detectEditorTrigger,
TriggerState,
EMPTY_TRIGGER,
} from '@/app/components/richEditorUtils';
} from '@/app/components/editor/richEditorUtils';
import { useAppSelector } from '@/shared/hooks';
import { useClaudeTokens } from '@/shared/styles/ThemeContext';
frontend/src/app/components/SelectionOverlay.tsx → frontend/src/app/components/editor/SelectionOverlay.tsx
View File
frontend/src/app/components/richEditorUtils.ts → frontend/src/app/components/editor/richEditorUtils.ts
View File
frontend/src/app/components/useDomElementSelector.ts → frontend/src/app/components/editor/useDomElementSelector.ts
View File
frontend/src/app/pages/AgentChat/AgentChat.tsx
+1 -1
View File
@@ -51,7 +51,7 @@ import ApprovalBar, { BatchApprovalBar } from './shell/ApprovalBar';
import ChatInput, { ChatInputHandle } from './ChatInput';
import ContextDrawer from './shell/ContextDrawer';
import { ErrorSlime } from '@/app/components/feedback/ErrorSlime';
import { ContextPath } from '@/app/components/DirectoryBrowser';
import { ContextPath } from '@/app/components/editor/DirectoryBrowser';
import { setGlowingBrowserCards, fadeGlowingBrowserCards, clearGlowingBrowserCards } from '@/shared/state/dashboardLayoutSlice';
import { useClaudeTokens } from '@/shared/styles/ThemeContext';
frontend/src/app/pages/AgentChat/ChatInput.tsx
+4 -4
View File
@@ -1,8 +1,8 @@
import React, { useState, useRef, useCallback, useEffect, useMemo, forwardRef, useImperativeHandle } from 'react';
import { useElementSelection } from '@/app/components/ElementSelectionContext';
import { useElementSelection } from '@/app/components/editor/ElementSelectionContext';
import { onboardingBus } from '@/app/components/Onboarding/eventBus';
import { ContextPath } from '@/app/components/DirectoryBrowser';
import { serializeEditorContent, AttachedSkill } from '@/app/components/richEditorUtils';
import { ContextPath } from '@/app/components/editor/DirectoryBrowser';
import { serializeEditorContent, AttachedSkill } from '@/app/components/editor/richEditorUtils';
import { useAppDispatch, useAppSelector } from '@/shared/hooks';
import { fetchModes } from '@/shared/state/modesSlice';
import { useClaudeTokens } from '@/shared/styles/ThemeContext';
@@ -19,7 +19,7 @@ import { ICON_MAP, FALLBACK_MODE_BASE } from './ChatInput/modeConfig';
import { AttachedImage, ForcedToolGroup, ChatInputHandle } from './ChatInput/types';
export type { AttachedImage, ForcedToolGroup, ChatInputHandle };
export type { AttachedSkill } from '@/app/components/richEditorUtils';
export type { AttachedSkill } from '@/app/components/editor/richEditorUtils';
interface Props {
onSend: (message: string, images?: Array<{ data: string; media_type: string }>, contextPaths?: ContextPath[], forcedTools?: string[], attachedSkills?: Array<{ id: string; name: string; content: string }>, selectedBrowserIds?: string[]) => void;
frontend/src/app/pages/AgentChat/ChatInput/hooks/pasteCards.ts
+1 -1
View File
@@ -1,4 +1,4 @@
import { useElementSelection, SelectedElement } from '@/app/components/ElementSelectionContext';
import { useElementSelection, SelectedElement } from '@/app/components/editor/ElementSelectionContext';
import { getClipboardCards, clearClipboard } from '@/shared/dashboardClipboard';
/** Drains the dashboard clipboard into owner-scoped selected elements. Returns true if it consumed the paste. */
frontend/src/app/pages/AgentChat/ChatInput/hooks/useContextFiles.ts
+1 -1
View File
@@ -1,5 +1,5 @@
import { useState, useCallback, useEffect, useMemo } from 'react';
import { ContextPath } from '@/app/components/DirectoryBrowser';
import { ContextPath } from '@/app/components/editor/DirectoryBrowser';
import { API_BASE, getAuthToken } from '@/shared/config';
import { ForcedToolGroup } from '../types';
import { basename } from '../helpers';
frontend/src/app/pages/AgentChat/ChatInput/hooks/useEditorHandlers.ts
+3 -3
View File
@@ -1,6 +1,6 @@
import { useState, useRef, useCallback, RefObject } from 'react';
import { CommandPickerItem } from '@/app/components/CommandPicker';
import { useElementSelection } from '@/app/components/ElementSelectionContext';
import { CommandPickerItem } from '@/app/components/editor/CommandPicker';
import { useElementSelection } from '@/app/components/editor/ElementSelectionContext';
import {
SKILL_PILL_ATTR,
AttachedSkill,
@@ -8,7 +8,7 @@ import {
detectEditorTrigger,
TriggerState,
EMPTY_TRIGGER,
} from '@/app/components/richEditorUtils';
} from '@/app/components/editor/richEditorUtils';
import { useAppDispatch } from '@/shared/hooks';
import { clearSessionMessages } from '@/shared/state/agentsSlice';
import { scheduleDraftSave } from './draftStore';
frontend/src/app/pages/AgentChat/ChatInput/sendHelpers.ts
+2 -2
View File
@@ -1,6 +1,6 @@
import { SelectedElement } from '@/app/components/ElementSelectionContext';
import { SelectedElement } from '@/app/components/editor/ElementSelectionContext';
import { getWebview } from '@/shared/browserRegistry';
import { ContextPath } from '@/app/components/DirectoryBrowser';
import { ContextPath } from '@/app/components/editor/DirectoryBrowser';
import { AttachedImage } from './types';
import { SendBlock } from './hooks/useContextFiles';
frontend/src/app/pages/AgentChat/ChatInput/toolbar/ChatInputToolbar.tsx
+1 -1
View File
@@ -1,6 +1,6 @@
import React, { RefObject } from 'react';
import Box from '@mui/material/Box';
import { useElementSelection } from '@/app/components/ElementSelectionContext';
import { useElementSelection } from '@/app/components/editor/ElementSelectionContext';
import { ClaudeTokens } from '@/shared/styles/claudeTokens';
import { ContextRing } from './ContextRing';
import { ModeControl } from './ModeControl';
frontend/src/app/pages/AgentChat/ChatInput/toolbar/ToolbarActions.tsx
+1 -1
View File
@@ -7,7 +7,7 @@ import ArrowUpwardIcon from '@mui/icons-material/ArrowUpward';
import StopIcon from '@mui/icons-material/Stop';
import AttachFileIcon from '@mui/icons-material/AttachFile';
import AdsClickIcon from '@mui/icons-material/AdsClick';
import { useElementSelection } from '@/app/components/ElementSelectionContext';
import { useElementSelection } from '@/app/components/editor/ElementSelectionContext';
import { ClaudeTokens } from '@/shared/styles/claudeTokens';
interface Props {
frontend/src/app/pages/AgentChat/ChatInput/types.ts
+1 -1
View File
@@ -1,5 +1,5 @@
import React from 'react';
import { ContextPath } from '@/app/components/DirectoryBrowser';
import { ContextPath } from '@/app/components/editor/DirectoryBrowser';
export interface AttachedImage {
data: string;
frontend/src/app/pages/AgentChat/ChatInput/view/AttachmentChips.tsx
+3 -3
View File
@@ -7,9 +7,9 @@ import CloseIcon from '@mui/icons-material/Close';
import FolderOpenIcon from '@mui/icons-material/FolderOpen';
import InsertDriveFileOutlinedIcon from '@mui/icons-material/InsertDriveFileOutlined';
import AdsClickIcon from '@mui/icons-material/AdsClick';
import { getToolGroupIcon } from '@/app/components/CommandPicker';
import { SelectedElement } from '@/app/components/ElementSelectionContext';
import { ContextPath } from '@/app/components/DirectoryBrowser';
import { getToolGroupIcon } from '@/app/components/editor/CommandPicker';
import { SelectedElement } from '@/app/components/editor/ElementSelectionContext';
import { ContextPath } from '@/app/components/editor/DirectoryBrowser';
import { ClaudeTokens } from '@/shared/styles/claudeTokens';
import { AttachedImage, ForcedToolGroup } from '../types';
import { formatTokenCount, pathTail } from '../helpers';
frontend/src/app/pages/AgentChat/ChatInput/view/ChatInputView.tsx
+5 -5
View File
@@ -3,12 +3,12 @@ import Box from '@mui/material/Box';
import Typography from '@mui/material/Typography';
import CircularProgress from '@mui/material/CircularProgress';
import AttachFileIcon from '@mui/icons-material/AttachFile';
import CommandPicker from '@/app/components/CommandPicker';
import { useElementSelection } from '@/app/components/ElementSelectionContext';
import { SelectedElement } from '@/app/components/ElementSelectionContext';
import { ContextPath } from '@/app/components/DirectoryBrowser';
import CommandPicker from '@/app/components/editor/CommandPicker';
import { useElementSelection } from '@/app/components/editor/ElementSelectionContext';
import { SelectedElement } from '@/app/components/editor/ElementSelectionContext';
import { ContextPath } from '@/app/components/editor/DirectoryBrowser';
import { ClaudeTokens } from '@/shared/styles/claudeTokens';
import { TriggerState } from '@/app/components/richEditorUtils';
import { TriggerState } from '@/app/components/editor/richEditorUtils';
import { AttachedImage, ForcedToolGroup } from '../types';
import { SendBlock } from '../hooks/useContextFiles';
import { ModelPickerState } from '../hooks/useModelPicker';
frontend/src/app/pages/AgentChat/ChatInput/view/SendBlockBanner.tsx
+1 -1
View File
@@ -1,7 +1,7 @@
import React from 'react';
import Box from '@mui/material/Box';
import Typography from '@mui/material/Typography';
import { ContextPath } from '@/app/components/DirectoryBrowser';
import { ContextPath } from '@/app/components/editor/DirectoryBrowser';
import { API_BASE, getAuthToken } from '@/shared/config';
import { ClaudeTokens } from '@/shared/styles/claudeTokens';
import { SendBlock } from '../hooks/useContextFiles';
frontend/src/app/pages/AgentChat/bubbles/MessageBubble.tsx
+1 -1
View File
@@ -22,7 +22,7 @@ import { AgentMessage } from '@/shared/state/agentsSlice';
import { openSettingsModal } from '@/shared/state/settingsSlice';
import { useAppDispatch, useAppSelector } from '@/shared/hooks';
import { useClaudeTokens } from '@/shared/styles/ThemeContext';
import { SKILL_COLOR } from '@/app/components/richEditorUtils';
import { SKILL_COLOR } from '@/app/components/editor/richEditorUtils';
import PlanPicker from '@/app/components/PlanPicker';
import { ErrorSlime } from '@/app/components/feedback/ErrorSlime';
frontend/src/app/pages/Commands/Commands.tsx
+1 -1
View File
@@ -14,7 +14,7 @@ import ViewQuiltOutlinedIcon from '@mui/icons-material/ViewQuiltOutlined';
import { useAppSelector, useAppDispatch } from '@/shared/hooks';
import { useClaudeTokens } from '@/shared/styles/ThemeContext';
import { fetchBuiltinTools, fetchTools } from '@/shared/state/toolsSlice';
import { getToolGroupIcon } from '@/app/components/CommandPicker';
import { getToolGroupIcon } from '@/app/components/editor/CommandPicker';
import { fetchOutputs } from '@/shared/state/outputsSlice';
import { fetchSkills } from '@/shared/state/skillsSlice';
import { fetchModes } from '@/shared/state/modesSlice';
frontend/src/app/pages/Dashboard/Dashboard.tsx
+3 -3
View File
@@ -1,7 +1,7 @@
import React from 'react';
import SelectionOverlay from '@/app/components/SelectionOverlay';
import { ElementSelectionProvider } from '@/app/components/ElementSelectionContext';
import { useDomElementSelector } from '@/app/components/useDomElementSelector';
import SelectionOverlay from '@/app/components/editor/SelectionOverlay';
import { ElementSelectionProvider } from '@/app/components/editor/ElementSelectionContext';
import { useDomElementSelector } from '@/app/components/editor/useDomElementSelector';
import { useDashboardController } from './hooks/state/useDashboardController';
import DashboardCanvas from './canvas/DashboardCanvas';
frontend/src/app/pages/Dashboard/DashboardToolbar.tsx
+2 -2
View File
@@ -14,8 +14,8 @@ import LanguageIcon from '@mui/icons-material/Language';
import SearchIcon from '@mui/icons-material/Search';
import { motion } from 'framer-motion';
import ChatInput from '@/app/pages/AgentChat/ChatInput';
import type { ContextPath } from '@/app/components/DirectoryBrowser';
import { useElementSelection } from '@/app/components/ElementSelectionContext';
import type { ContextPath } from '@/app/components/editor/DirectoryBrowser';
import { useElementSelection } from '@/app/components/editor/ElementSelectionContext';
import { useClaudeTokens } from '@/shared/styles/ThemeContext';
import { useAppDispatch, useAppSelector } from '@/shared/hooks';
import { searchHistory, clearHistorySearch } from '@/shared/state/agentsSlice';
frontend/src/app/pages/Dashboard/cards/BrowserCard.tsx
+1 -1
View File
@@ -48,7 +48,7 @@ import { getActionLabel } from '@/shared/browserCommandHandler';
import { resolveInput, isGoogleSearch } from '@/shared/resolveUrl';
import BrowserAgentOverlay from './BrowserAgentOverlay';
import { useOverlayScrollPassthrough } from '../hooks/interaction/useOverlayScrollPassthrough';
import { useElementSelection } from '@/app/components/ElementSelectionContext';
import { useElementSelection } from '@/app/components/editor/ElementSelectionContext';
type ResizeDir = 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw';
frontend/src/app/pages/Dashboard/hooks/lifecycle/useAgentSpawn.ts
+1 -1
View File
@@ -19,7 +19,7 @@ import {
type CardPosition,
} from '@/shared/state/dashboardLayoutSlice';
import { generateDashboardName } from '@/shared/state/dashboardsSlice';
import type { ContextPath } from '@/app/components/DirectoryBrowser';
import type { ContextPath } from '@/app/components/editor/DirectoryBrowser';
import type { CanvasActions } from '../interaction/useCanvasControls';
type SpawnOrigin = { x: number; y: number; type?: 'branch' };
frontend/src/app/pages/Dashboard/hooks/state/useDashboardController.ts
+1 -1
View File
@@ -1,6 +1,6 @@
import { useCallback, useMemo, useRef } from 'react';
import { useClaudeTokens } from '@/shared/styles/ThemeContext';
import { useElementSelection } from '@/app/components/ElementSelectionContext';
import { useElementSelection } from '@/app/components/editor/ElementSelectionContext';
import { useCanvasControls } from '../interaction/useCanvasControls';
import { useDashboardSelection } from './useDashboardSelection';
import { useDashboardSelectors } from './useDashboardSelectors';
frontend/src/app/pages/Modes/Modes.tsx
+2 -2
View File
@@ -48,8 +48,8 @@ import FolderOpenIcon from '@mui/icons-material/FolderOpen';
import ExtensionIcon from '@mui/icons-material/Extension';
import ListSubheader from '@mui/material/ListSubheader';
import { useClaudeTokens } from '@/shared/styles/ThemeContext';
import DirectoryBrowser from '@/app/components/DirectoryBrowser';
import RichPromptEditor from '@/app/components/RichPromptEditor';
import DirectoryBrowser from '@/app/components/editor/DirectoryBrowser';
import RichPromptEditor from '@/app/components/editor/RichPromptEditor';
const ICON_MAP: Record<string, React.ReactNode> = {
smart_toy: <SmartToyOutlinedIcon sx={{ fontSize: 20 }} />,
frontend/src/app/pages/Settings/Settings.tsx
+1 -1
View File
@@ -10,7 +10,7 @@ import { onboardingBus } from '@/app/components/Onboarding/eventBus';
import { fetchModels } from '@/shared/state/modelsSlice';
import { fetchModes } from '@/shared/state/modesSlice';
import { useThemeMode, useClaudeTokens } from '@/shared/styles/ThemeContext';
import DirectoryBrowser from '@/app/components/DirectoryBrowser';
import DirectoryBrowser from '@/app/components/editor/DirectoryBrowser';
import { CommandsContent } from '@/app/pages/Commands/Commands';
import GeneralTab from './sections/general/GeneralTab';
import ModelsTab from './sections/models/ModelsTab';
frontend/src/app/pages/Skills/SkillBuilderChat.tsx
+1 -1
View File
@@ -15,7 +15,7 @@ import { useAppDispatch, useAppSelector } from '@/shared/hooks';
import { createDraftSession, removeDraftSession } from '@/shared/state/agentsSlice';
import { createSkill } from '@/shared/state/skillsSlice';
import AgentChat from '../AgentChat/AgentChat';
import { ContextPath } from '@/app/components/DirectoryBrowser';
import { ContextPath } from '@/app/components/editor/DirectoryBrowser';
import { API_BASE } from '@/shared/config';
const SKILLS_WORKSPACE_API = `${API_BASE}/skills`;
frontend/src/app/pages/Views/ViewEditor.tsx
+1 -1
View File
@@ -38,7 +38,7 @@ import ViewPreview, { ViewPreviewHandle } from './ViewPreview';
import TerminalPanel, { TerminalLine } from './TerminalPanel';
import { getDefault } from '@/shared/inputSchemaDefaults';
import CodeEditor from './CodeEditor';
import { ElementSelectionProvider } from '@/app/components/ElementSelectionContext';
import { ElementSelectionProvider } from '@/app/components/editor/ElementSelectionContext';
import { captureViewThumbnail } from './captureViewThumbnail';
import { API_BASE, getAuthToken } from '@/shared/config';
import { onboardingBus } from '@/app/components/Onboarding/eventBus';
frontend/src/app/pages/Views/ViewPreview.tsx
+1 -1
View File
@@ -2,7 +2,7 @@ import React, { useRef, useEffect, useMemo, useCallback, forwardRef, useImperati
import Box from '@mui/material/Box';
import Typography from '@mui/material/Typography';
import { Skeleton } from '@/app/components/feedback/Loading';
import { useElementSelection } from '@/app/components/ElementSelectionContext';
import { useElementSelection } from '@/app/components/editor/ElementSelectionContext';
import { useIframeElementSelector } from './useIframeElementSelector';
import { getAuthToken, ensureAuthToken } from '@/shared/config';
import { useClaudeTokens } from '@/shared/styles/ThemeContext';
frontend/src/app/pages/Views/useIframeElementSelector.ts
+1 -1
View File
@@ -1,5 +1,5 @@
import { useEffect, useRef, useCallback, RefObject } from 'react';
import { SelectedElement, useElementSelection } from '@/app/components/ElementSelectionContext';
import { SelectedElement, useElementSelection } from '@/app/components/editor/ElementSelectionContext';
const OVERLAY_ID = '__clawd-select-overlay__';
const LABEL_ID = '__clawd-select-label__';