fix typos in diverse files (#3284)

Co-authored-by: Scott Densmore <[email protected]>

5 files changed, 6 insertions, 6 deletions

diff --git a/packages/cli/src/ui/components/InputPrompt.tsx b/packages/cli/src/ui/components/InputPrompt.tsx
index 095c8ccc..469a4ec5 100644
--- a/packages/cli/src/ui/components/InputPrompt.tsx
+++ b/packages/cli/src/ui/components/InputPrompt.tsx
@@ -122,7 +122,7 @@ export const InputPrompt: React.FC<InputPromptProps> = ({
         const base = query.substring(0, slashIndex + 1);
 
         const command = slashCommands.find((cmd) => cmd.name === commandName);
-        // Make sure completion isn't the original command when command.completigion hasn't happened yet.
+        // Make sure completion isn't the original command when command.completion hasn't happened yet.
         if (command && command.completion && suggestion !== commandName) {
           const newValue = `${base}${commandName} ${suggestion}`;
           if (newValue === query) {
diff --git a/packages/cli/src/ui/components/messages/CompressionMessage.tsx b/packages/cli/src/ui/components/messages/CompressionMessage.tsx
index d1080668..c7ef122b 100644
--- a/packages/cli/src/ui/components/messages/CompressionMessage.tsx
+++ b/packages/cli/src/ui/components/messages/CompressionMessage.tsx
@@ -15,7 +15,7 @@ export interface CompressionDisplayProps {
 }
 
 /*
- * Compression messages appear when the /compress command is ran, and show a loading spinner
+ * Compression messages appear when the /compress command is run, and show a loading spinner
  * while compression is in progress, followed up by some compression stats.
  */
 export const CompressionMessage: React.FC<CompressionDisplayProps> = ({
diff --git a/packages/cli/src/ui/components/messages/ToolMessage.test.tsx b/packages/cli/src/ui/components/messages/ToolMessage.test.tsx
index 74e6709a..7b9de92e 100644
--- a/packages/cli/src/ui/components/messages/ToolMessage.test.tsx
+++ b/packages/cli/src/ui/components/messages/ToolMessage.test.tsx
@@ -118,7 +118,7 @@ describe('<ToolMessage />', () => {
       expect(lastFrame()).toContain('x');
     });
 
-    it('shows paused spiner for Executing status when streamingState is Idle', () => {
+    it('shows paused spinner for Executing status when streamingState is Idle', () => {
       const { lastFrame } = renderWithContext(
         <ToolMessage {...baseProps} status={ToolCallStatus.Executing} />,
         StreamingState.Idle,
@@ -128,7 +128,7 @@ describe('<ToolMessage />', () => {
       expect(lastFrame()).not.toContain('✔');
     });
 
-    it('shows paused spiner for Executing status when streamingState is WaitingForConfirmation', () => {
+    it('shows paused spinner for Executing status when streamingState is WaitingForConfirmation', () => {
       const { lastFrame } = renderWithContext(
         <ToolMessage {...baseProps} status={ToolCallStatus.Executing} />,
         StreamingState.WaitingForConfirmation,
diff --git a/packages/cli/src/ui/components/shared/MaxSizedBox.test.tsx b/packages/cli/src/ui/components/shared/MaxSizedBox.test.tsx
index c392159b..50951b4f 100644
--- a/packages/cli/src/ui/components/shared/MaxSizedBox.test.tsx
+++ b/packages/cli/src/ui/components/shared/MaxSizedBox.test.tsx
@@ -13,7 +13,7 @@ import { describe, it, expect } from 'vitest';
 describe('<MaxSizedBox />', () => {
   // Make sure MaxSizedBox logs errors on invalid configurations.
   // This is useful for debugging issues with the component.
-  // It should be set to false in production for perfornance and to avoid
+  // It should be set to false in production for performance and to avoid
   // cluttering the console if there are ignorable issues.
   setMaxSizedBoxDebugging(true);
 
diff --git a/packages/cli/src/ui/components/shared/MaxSizedBox.tsx b/packages/cli/src/ui/components/shared/MaxSizedBox.tsx
index c803b680..eb5ef6b4 100644
--- a/packages/cli/src/ui/components/shared/MaxSizedBox.tsx
+++ b/packages/cli/src/ui/components/shared/MaxSizedBox.tsx
@@ -328,7 +328,7 @@ function visitBoxRow(element: React.ReactNode): Row {
         if (!hasSeenWrapped) {
           row.noWrapSegments.push(segment);
         } else {
-          // put in in the wrapped segment as the row is already stuck in wrapped mode.
+          // put in the wrapped segment as the row is already stuck in wrapped mode.
           row.segments.push(segment);
           debugReportError(
             'Text elements without wrapping cannot appear after elements with wrapping in the same row.',