stk-codegen 1.0.9 → 1.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stk-codegen",
-  "version": "1.0.9",
+  "version": "1.1.0",
   "description": "A CLI executor for the autonomous agent.",
   "main": "index.js",
   "bin": {
@@ -12,10 +12,15 @@
     "LICENSE"
   ],
   "scripts": {
-    "test": "vitest",
-    "start": "npm run build && node dist/index.js",
+    "test": "vitest run",
+    "dev": "pnpm build && node --env-file=.env.dev dist/index.js",
+    "stg": "pnpm build && node --env-file=.env.stg dist/index.js",
+    "local": "pnpm build && node --env-file=.env.local dist/index.js",
     "build": "rm -rf dist && ncc build src/cli.tsx -o dist -m",
-    "prepare-publish": "rm -rf dist && npm run build && npm pack"
+    "prepare-publish": "rm -rf dist && pnpm build && pnpm pack",
+    "lint": "eslint \"src/**/*.ts\" \"src/**/*.tsx\"",
+    "fix": "eslint --fix . && prettier --write .",
+    "check-branch": "pnpm fix && pnpm lint && pnpm build"
   },
   "keywords": [],
   "author": "",
@@ -29,28 +34,46 @@
     "diff": "^8.0.2",
     "glob": "^11.1.0",
     "html-to-text": "^9.0.5",
-    "ink": "^5.0.0",
+    "ink": "^6.6.0",
     "ink-spinner": "^5.0.0",
     "ink-text-input": "^6.0.0",
     "inquirer": "^13.0.1",
     "meow": "^11.0.0",
     "open": "^11.0.0",
-    "react": "^18.2.0",
+    "react": "^19.2.3",
     "serpapi": "^2.2.1",
     "strip-ansi": "^7.1.2",
     "tmp": "^0.2.5",
     "ws": "^8.18.3"
   },
   "devDependencies": {
+    "@eslint/compat": "^2.0.1",
+    "@eslint/eslintrc": "^3.3.3",
+    "@eslint/js": "^9.39.2",
     "@sindresorhus/tsconfig": "^3.0.1",
+    "@stylistic/eslint-plugin": "^5.7.0",
     "@types/diff": "^7.0.2",
     "@types/glob": "^8.1.0",
     "@types/html-to-text": "^9.0.4",
     "@types/ink-spinner": "^3.0.5",
-    "@types/react": "^18.0.32",
+    "@types/react": "^19.2.8",
     "@types/ws": "^8.18.1",
+    "@typescript-eslint/eslint-plugin": "^8.53.0",
+    "@typescript-eslint/parser": "^8.53.0",
     "@vercel/ncc": "^0.38.4",
+    "eslint": "^9.39.2",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-filenames": "^1.3.2",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-lodash": "^8.0.0",
+    "eslint-plugin-prettier": "^5.5.5",
+    "eslint-plugin-promise": "^7.2.1",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-hooks-order": "^0.1.2",
+    "eslint-plugin-react-refresh": "^0.4.26",
     "ink-testing-library": "^4.0.0",
+    "prettier": "^3.8.0",
     "typescript": "^5.0.3",
     "vitest": "^1.0.0"
   }

package/dist/App.d.ts

@@ -1,4 +0,0 @@
-import { FC } from 'react';
-export declare const App: FC<{
-    autonomous?: boolean;
-}>;

package/dist/cli.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/AgentStatus.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface AgentStatusProps {
-    isVisible: boolean;
-    text?: string;
-}
-declare const AgentStatus: ({ isVisible, text }: AgentStatusProps) => React.JSX.Element | null;
-export default AgentStatus;

package/dist/components/BootstrapStatus.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface BootstrapStatusProps {
-    status: 'connecting' | 'connected' | 'disconnected';
-    isBootstrapping: boolean;
-}
-declare const BootstrapStatus: React.FC<BootstrapStatusProps>;
-export default BootstrapStatus;

package/dist/components/Conversation.d.ts

@@ -1,20 +0,0 @@
-import { FC } from 'react';
-import { ChildProcess } from 'child_process';
-import { DiffReviewView, ShellRunView, StaticMessageView } from "../ui/agent/buildInkViewModel.js";
-interface ConversationProps {
-    messages: StaticMessageView[];
-    liveAgentMessage?: StaticMessageView;
-    activeShellRun?: ShellRunView;
-    activeDiffReview?: DiffReviewView;
-    onShellComplete: (result: {
-        stdout: string;
-        stderr: string;
-        exitCode: number | null;
-    }) => void;
-    childProcess: ChildProcess | null;
-    sendInputToShell: (input: string) => void;
-    onApproveDiff: (editedContent?: string) => void;
-    onRejectDiff: () => void;
-}
-export declare const Conversation: FC<ConversationProps>;
-export {};

package/dist/components/DiffView.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-export interface DiffViewStaticProps {
-    oldContent: string;
-    newContent: string;
-    filePath?: string;
-    toolName?: string;
-    toolParams?: Record<string, any>;
-    isCompleted: boolean;
-    action?: string;
-    maxVisibleLines?: number;
-}
-interface DiffViewProps extends DiffViewStaticProps {
-    onApprove: (editedContent?: string) => void;
-    onReject: () => void;
-    coreDiffReview?: {
-        id: string;
-        status: 'pending' | 'accepted' | 'rejected';
-    };
-}
-export declare const DiffDecisionHint: React.FC;
-export declare const DiffViewStatic: React.FC<DiffViewStaticProps>;
-declare const DiffView: React.FC<DiffViewProps>;
-export default DiffView;

package/dist/components/EscapeClearIndicator.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const EscapeClearIndicator: () => React.JSX.Element;
-export default EscapeClearIndicator;

package/dist/components/ExitIndicator.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const ExitIndicator: () => React.JSX.Element;
-export default ExitIndicator;

package/dist/components/Footer.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-declare const Footer: ({ isAutonomous }: {
-    isAutonomous?: boolean;
-}) => React.JSX.Element;
-export default Footer;

package/dist/components/Input.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-interface Props {
-    value: string;
-    onChange: (value: string) => void;
-    onSubmit: (value: string, extra?: {
-        images?: {
-            base64: string;
-            mimeType: string;
-        }[];
-    }) => void;
-    searchFiles: (pattern: string, options?: {
-        ignore?: string[];
-    }) => Promise<string[]>;
-    isShellActive?: boolean;
-    setShowEscapeClear: (show: boolean) => void;
-    isActive: boolean;
-    isAutonomous?: boolean;
-}
-declare const _default: React.MemoExoticComponent<({ value, onChange, onSubmit, searchFiles, isShellActive, setShowEscapeClear, isActive, isAutonomous, }: Props) => React.JSX.Element>;
-export default _default;

package/dist/components/LimitedHeightBox.d.ts

@@ -1,25 +0,0 @@
-import React, { PropsWithChildren } from 'react';
-import { BoxProps } from 'ink';
-export interface LimitedHeightBoxOwnProps {
-    /**
-     * Fração máxima das linhas do terminal que este container pode ocupar.
-     * Por padrão, 0.6 = 60% da altura disponível.
-     */
-    maxRatio?: number;
-    /**
-     * Altura mínima em linhas para evitar containers excessivamente pequenos
-     * em terminais muito baixos.
-     */
-    minLines?: number;
-}
-export type LimitedHeightBoxProps = PropsWithChildren<LimitedHeightBoxOwnProps & BoxProps>;
-/**
- * Container utilitário que limita a altura de seu conteúdo a uma fração
- * da altura total do terminal (por padrão, 60%).
- *
- * Não tenta fazer scroll automático; apenas define um teto visual. Cabe ao
- * componente interno (por exemplo, DiffView ou ShellExecution) controlar
- * truncamento/scroll de conteúdo se necessário.
- */
-export declare const LimitedHeightBox: React.FC<LimitedHeightBoxProps>;
-export default LimitedHeightBox;

package/dist/components/Message.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { ConversationMessage } from '../types/index.js';
-import { ChildProcess } from 'child_process';
-interface MessageProps {
-    message: ConversationMessage;
-    activeShellCommand: any;
-    childProcess: ChildProcess | null;
-    handleShellCompletion: (result: any) => void;
-    context?: 'static' | 'live';
-}
-export declare const MemoizedMessage: React.NamedExoticComponent<MessageProps>;
-export {};

package/dist/components/ShellConfirmation.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-interface ShellConfirmationProps {
-    command: string;
-    onApprove: () => void;
-    onReject: () => void;
-}
-declare const ShellConfirmation: ({ command, onApprove, onReject }: ShellConfirmationProps) => React.JSX.Element;
-export default ShellConfirmation;

package/dist/components/ShellExecution.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import { ChildProcess } from 'child_process';
-interface ShellExecutionProps {
-    command: string;
-    childProcess: ChildProcess | null;
-    onComplete: (result: any) => void;
-    coreShellRun?: {
-        id: string;
-        status: 'pending' | 'running' | 'finished' | 'error' | 'cancelled';
-        stdout: string;
-        stderr: string;
-        visibleOutput?: string;
-        isVisuallyTruncated?: boolean;
-        totalLines?: number;
-        visibleLinesCount?: number;
-    };
-}
-declare const ShellExecution: React.FC<ShellExecutionProps>;
-export default ShellExecution;

package/dist/components/SplashScreen.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-export declare const SplashScreen: ({ currentVersion }: {
-    currentVersion: string;
-}) => React.JSX.Element;

package/dist/components/ToolExecution.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-interface ToolExecutionProps {
-    toolName: string;
-    displayMessage?: string;
-    toolParams?: Record<string, any>;
-    status?: 'running' | 'finished' | 'error' | 'completed' | undefined;
-}
-declare const ToolExecution: ({ toolName, toolParams, status }: ToolExecutionProps) => React.JSX.Element;
-export default ToolExecution;

package/dist/config.d.ts

@@ -1,9 +0,0 @@
-declare class Config {
-    readonly WORKSPACE_DIR: string;
-    readonly BACKEND_URL: string;
-    readonly CURRENT_VERSION: string;
-    readonly DISABLE_RIPGREP: boolean;
-    constructor();
-}
-export declare const config: Config;
-export {};

package/dist/core/agent/events.d.ts

@@ -1,82 +0,0 @@
-import { CoreMessageId, DiffReviewId, ShellRunId } from './types.js';
-export type CoreEvent = {
-    type: 'USER_SENT_MESSAGE';
-    text: string;
-} | {
-    type: 'AGENT_STREAM_STARTED';
-    messageId: CoreMessageId;
-    generationId?: string;
-} | {
-    type: 'AGENT_DELTA_RECEIVED';
-    delta: string;
-    generationId?: string;
-} | {
-    type: 'AGENT_STREAM_FLUSH';
-} | {
-    type: 'AGENT_STREAM_FINISHED';
-    generationId?: string;
-} | {
-    type: 'TOOL_RESULT_MESSAGE';
-    text: string;
-    generationId?: string;
-} | {
-    type: 'TOOL_EXECUTION_STARTED';
-    toolId: string;
-    toolName: string;
-    toolParams: Record<string, any>;
-    generationId?: string;
-} | {
-    type: 'TOOL_EXECUTION_FINISHED';
-    toolId: string;
-    toolName: string;
-    toolParams: Record<string, any>;
-    generationId?: string;
-} | {
-    type: 'TOOL_EXECUTION_ERROR';
-    toolId: string;
-    toolName: string;
-    toolParams: Record<string, any>;
-    error: string;
-    generationId?: string;
-} | {
-    type: 'SHELL_RUN_STARTED';
-    runId: ShellRunId;
-    command: string;
-    generationId?: string;
-} | {
-    type: 'SHELL_OUTPUT_RECEIVED';
-    runId: ShellRunId;
-    stdoutDelta?: string;
-    stderrDelta?: string;
-    generationId?: string;
-} | {
-    type: 'SHELL_RUN_FINISHED';
-    runId: ShellRunId;
-    exitCode: number;
-    generationId?: string;
-} | {
-    type: 'DIFF_REVIEW_OPENED';
-    reviewId: DiffReviewId;
-    title?: string;
-    toolName?: string;
-    toolParams?: Record<string, any>;
-    oldContent: string;
-    newContent: string;
-    generationId?: string;
-} | {
-    type: 'DIFF_REVIEW_RESOLVED';
-    reviewId: DiffReviewId;
-    result: 'accepted' | 'rejected';
-    generationId?: string;
-} | {
-    type: 'ERROR_OCCURRED';
-    message: string;
-    generationId?: string;
-} | {
-    type: 'BOOTSTRAP_STARTED';
-} | {
-    type: 'BOOTSTRAP_FINISHED';
-} | {
-    type: 'CONNECTION_STATUS_CHANGED';
-    status: 'connecting' | 'connected' | 'disconnected';
-};

package/dist/core/agent/reducer.d.ts

@@ -1,4 +0,0 @@
-import { CoreState } from './types.js';
-import { CoreEvent } from './events.js';
-export declare const initialCoreState: CoreState;
-export declare function reduceCoreState(state: CoreState, event: CoreEvent): CoreState;

package/dist/core/agent/types.d.ts

@@ -1,58 +0,0 @@
-export type CoreRole = 'user' | 'agent' | 'tool_execution' | 'shell' | 'system' | 'agent_error' | 'agent_thought';
-export type CoreMessageId = string;
-export interface CoreMessage {
-    id: CoreMessageId;
-    role: CoreRole;
-    text: string;
-    createdAt: number;
-    isStreaming?: boolean;
-    isFinal?: boolean;
-    generationId?: string;
-    toolId?: string;
-    toolName?: string;
-    toolParams?: Record<string, any>;
-    status?: 'running' | 'finished' | 'error';
-    isBootstrap?: boolean;
-}
-export type ShellRunId = string;
-export interface CoreShellRun {
-    id: ShellRunId;
-    command: string;
-    status: 'pending' | 'running' | 'finished' | 'error' | 'cancelled';
-    stdout: string;
-    stderr: string;
-    startedAt?: number;
-    finishedAt?: number;
-}
-export type DiffReviewId = string;
-export interface CoreDiffReview {
-    id: DiffReviewId;
-    title?: string;
-    toolName?: string;
-    toolParams?: Record<string, any>;
-    oldContent: string;
-    newContent: string;
-    status: 'pending' | 'accepted' | 'rejected';
-}
-export interface CoreAgentStatus {
-    label: string;
-    detail?: string;
-    phase: 'idle' | 'thinking' | 'streaming' | 'waiting_tool' | 'running_tool';
-}
-export interface CoreStreamState {
-    currentMessageId?: CoreMessageId;
-    buffer: string;
-    status: 'idle' | 'streaming' | 'finished';
-    generationId?: string;
-}
-export interface CoreState {
-    messages: CoreMessage[];
-    shellRuns: CoreShellRun[];
-    diffReviews: CoreDiffReview[];
-    agentStatus: CoreAgentStatus;
-    stream: CoreStreamState;
-    activeGenerationId?: string;
-    isBootstrapping: boolean;
-    bootstrapFinished: boolean;
-    connectionStatus: 'connecting' | 'connected' | 'disconnected';
-}

package/dist/hooks/hooks.d.ts

@@ -1,5 +0,0 @@
-export declare const useGitInfo: () => {
-    cwd: string;
-    branch: string;
-    hasCodegenSpec: boolean;
-};

package/dist/hooks/useAgent.core.d.ts

@@ -1,16 +0,0 @@
-import { CoreEvent } from '../core/agent/events.js';
-import { CoreState } from '../core/agent/types.js';
-import { InkViewModel } from '../ui/agent/buildInkViewModel.js';
-export interface UseAgentCoreResult {
-    coreState: CoreState;
-    dispatchCore: (event: CoreEvent) => void;
-    viewModel: InkViewModel;
-}
-/**
- * Hook fino, sem dependência de Ink, que expõe o core de agente e um view model básico.
- *
- * A ideia é que `useAgent` (hook principal usado pela UI Ink) passe a delegar
- * estado de domínio para este hook, mantendo apenas integração com backend,
- * teclado e ferramentas.
- */
-export declare function useAgentCore(): UseAgentCoreResult;

package/dist/hooks/useAgent.d.ts

@@ -1,48 +0,0 @@
-import { ChildProcess } from 'child_process';
-import { PendingShellCommand } from '../types/index.js';
-export declare const useAgent: ({ autonomous }: {
-    autonomous?: boolean;
-}) => {
-    agentStatus: {
-        isVisible: boolean;
-        text: string;
-    };
-    isAutonomous: boolean;
-    toggleAutonomous: () => void;
-    pendingShellCommand: PendingShellCommand | null;
-    approveShellCommand: () => void;
-    rejectShellCommand: () => void;
-    approveDiff: (editedContent?: string) => void;
-    rejectDiff: () => void;
-    submitUserInput: (text: string, extra?: {
-        images?: {
-            base64: string;
-            mimeType: string;
-        }[];
-    }) => Promise<void>;
-    navigateHistoryUp: () => string | undefined;
-    navigateHistoryDown: () => string | undefined;
-    searchFiles: (pattern: string, options?: {
-        ignore?: string[];
-    }) => Promise<any>;
-    activeShellCommand: any;
-    handleShellCompletion: (result: any, meta?: {
-        messageId: number;
-        tool_name: string;
-        tool_id: string;
-        generation_id: string;
-        parameters?: any;
-    }) => void;
-    childProcess: ChildProcess | null;
-    sendInputToShell: (input: string) => void;
-    inputText: string;
-    setInputText: import("react").Dispatch<import("react").SetStateAction<string>>;
-    isShellActive: boolean;
-    setIsShellActive: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    resetHistory: () => void;
-    cancelCurrentInteraction: () => void;
-    activeGenerationId: string | null;
-    coreState: import("../core/agent/types.js").CoreState;
-    coreViewModel: import("../ui/agent/buildInkViewModel.js").InkViewModel;
-    hasCodegenSpec: boolean;
-};

package/dist/hooks/useMagicCommands.d.ts

@@ -1 +0,0 @@
-export declare const useMagicCommands: () => string[];

package/dist/hooks/useTerminalLayout.d.ts

@@ -1,16 +0,0 @@
-export declare const AGENT_STREAM_RATIO = 0.5;
-export declare const DIFF_REVIEW_RATIO = 0.5;
-export declare const SHELL_OUTPUT_RATIO = 0.4;
-export declare const FOOTER_RESERVED_LINES = 4;
-export declare const useTerminalLayout: () => {
-    readonly rows: any;
-    readonly maxAgentStreamingLines: number;
-    readonly shellViewHeight: number;
-    readonly diffReviewHeight: number;
-    readonly layoutConstants: {
-        readonly AGENT_STREAM_RATIO: 0.5;
-        readonly DIFF_REVIEW_RATIO: 0.5;
-        readonly SHELL_OUTPUT_RATIO: 0.4;
-        readonly FOOTER_RESERVED_LINES: 4;
-    };
-};

package/dist/services/clipboardImage.d.ts

@@ -1,24 +0,0 @@
-export interface ClipboardImage {
-    base64: string;
-    mimeType: string;
-}
-/**
- * Best-effort helper to read an image from the system clipboard and return it
- * as a base64 string.
- *
- * Strategy on macOS:
- * - First, try `pngpaste` if it is available on the system PATH. This is very
- *   robust for typical PNG clipboard contents.
- * - If `pngpaste` is not available or fails, fall back to an AppleScript that
- *   writes the clipboard image (PNG/TIFF/JPEG) to a file in a user/project
- *   context directory (instead of /tmp), which we then read from Node.
- *
- * Other platforms currently return null (no-op) until we implement proper
- * portable support.
- */
-export declare function readClipboardImageAsBase64(baseDir?: string): Promise<ClipboardImage | null>;
-/**
- * Best-effort cleanup: remove old clipboard image files created by this
- * service. Files are identified by the `clipboard-` prefix and `maxAgeMs`.
- */
-export declare function cleanupOldClipboardImages(baseDir?: string, maxAgeMs?: number): Promise<void>;

package/dist/services/versionCheck.d.ts

@@ -1,14 +0,0 @@
-import { execSync } from 'child_process';
-export type HttpGet = <T = unknown>(url: string) => Promise<{
-    data: T;
-}>;
-export type VersionCheckDeps = {
-    httpGet: HttpGet;
-    execSync: typeof execSync;
-    exit: (code: number) => never;
-    log: typeof console.log;
-    error: typeof console.error;
-    env: NodeJS.ProcessEnv;
-};
-export declare function checkCliVersionWithDeps({ httpGet, execSync, exit, log, error: logError, env, }: VersionCheckDeps): Promise<void>;
-export declare function checkCliVersion(): Promise<void>;

package/dist/services/websocketClient.d.ts

@@ -1,24 +0,0 @@
-import { BackendMessage, ClientMessage } from '../types/index.js';
-type MessageHandler = (data: BackendMessage) => void;
-type StatusChangeHandler = (status: 'connecting' | 'connected' | 'disconnected') => void;
-export declare class WebSocketClient {
-    private ws;
-    private messageHandler;
-    private onStatusChange;
-    private sessionId;
-    private handshakeSent;
-    private isConnecting;
-    private connectionPromise;
-    private messageQueue;
-    private isReadyForUserInput;
-    private status;
-    private setStatus;
-    private createSession;
-    private setupWebSocketConnection;
-    private flushMessageQueue;
-    ensureConnected(): Promise<void>;
-    connect(messageHandler: MessageHandler, onStatusChange: StatusChangeHandler): Promise<void>;
-    send(data: ClientMessage): Promise<void>;
-}
-export declare const websocketClient: WebSocketClient;
-export {};

package/dist/tools/Edit.d.ts

@@ -1,14 +0,0 @@
-export declare const Edit: (parameters: {
-    file_path: string;
-    old_string: string;
-    new_string: string;
-    expected_replacements?: number;
-}) => Promise<{
-    success: boolean;
-    replacementsMade: number;
-    error?: undefined;
-} | {
-    error: any;
-    success?: undefined;
-    replacementsMade?: undefined;
-}>;

package/dist/tools/FindFiles.d.ts

@@ -1,12 +0,0 @@
-export declare const FindFiles: (parameters: {
-    pattern: string;
-    dir_path?: string;
-    case_sensitive?: boolean;
-    ignore?: string[];
-}) => Promise<{
-    files: string[];
-    error?: undefined;
-} | {
-    error: any;
-    files?: undefined;
-}>;

package/dist/tools/GetWorkingDirectory.d.ts

@@ -1,13 +0,0 @@
-export type GetWorkingDirectoryResult = {
-    /**
-     * Caminho absoluto do diretório de trabalho atual do processo Node.
-     * Equivalente ao resultado de `pwd` em sistemas Unix, porém utilizando APIs do Node
-     * para funcionar de forma portável em qualquer sistema operacional.
-     */
-    cwd: string;
-};
-/**
- * Retorna o diretório de trabalho atual, similar ao comando `pwd` em Unix,
- * mas usando `process.cwd()` para garantir portabilidade entre sistemas operacionais.
- */
-export declare function GetWorkingDirectory(): Promise<GetWorkingDirectoryResult>;

package/dist/tools/GoogleSearch.d.ts

@@ -1,9 +0,0 @@
-export declare const GoogleSearch: (parameters: {
-    query: string;
-}) => Promise<{
-    results: any;
-    error?: undefined;
-} | {
-    error: any;
-    results?: undefined;
-}>;

package/dist/tools/ReadFile.d.ts

@@ -1,11 +0,0 @@
-export declare const ReadFile: (parameters: {
-    file_path: string;
-    offset?: number;
-    limit?: number;
-}) => Promise<{
-    content: string;
-    error?: undefined;
-} | {
-    error: any;
-    content?: undefined;
-}>;