Function Shell

console/src/platform/shell/Shell.tsx:62–363

()

}

const Shell = () => {
  const [shellState, setShellState] = useAtom(shellStateAtom);

  const {
    send,
    commitToHistory,
    isSocketError,
    isSocketAvailable,
    cacheCommand,
    on,
    off,
  } = useShellWebsocket();

  const { scrollToBottom, setShouldAutoScroll } = useShellVirtualizedList();

  const { mutate: cancelQueryMutation } = useCancelQuery();

  const getView = useGetView();
  const viewDispatch = useViewDispatch();

  const { track } = useSegment();

  const cancelQuery = () => {
    const { connectionId } = shellState;
    if (!connectionId) {
      return;
    }
    cancelQueryMutation({ connectionId });
  };

  const clearHistory = useAtomCallback(
    React.useCallback(
      (_get, set) =>
        set(historyIdsAtom, (currentHistoryIds) => {
          currentHistoryIds.forEach((historyId) =>
            set(historyItemAtom(historyId), RESET),
          );
          clearListItemHeights();
          return [];
        }),
      [],
    ),
  );

  const previousPrompt = useAtomCallback(previousPromptJotaiCallback);
  const nextPrompt = useAtomCallback(nextPromptJotaiCallback);
  const setPrompt = useAtomCallback(setPromptValue);
  const dispatchReplacePrompt = useCallback(
    (value: string) => {
      const view = getView();
      if (!view) return;
      const updateEvent: TransactionSpec = {
        changes: { from: 0, to: view.state.doc.length, insert: value },
        selection: { anchor: value.length },
      };
      viewDispatch(updateEvent);
    },
    [getView, viewDispatch],