@abacus-ai/cli 2.0.0-canary.0 → 2.0.0-canary.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abacus-ai/cli",
-  "version": "2.0.0-canary.0",
+  "version": "2.0.0-canary.1",
   "type": "module",
   "bin": {
     "abacusai": "dist/index.mjs"

package/src/__e2e__/helpers/test-helpers.ts

@@ -302,7 +302,6 @@ export function createMockContext(
 
     uploadedDocs: new Set(),
     allowEditingPaths: [],
-    terminalTimeoutMs: undefined,
 
     addDiff: vi.fn().mockReturnValue(undefined),
     onOutputUpdate: vi.fn().mockReturnValue(undefined),

package/src/components/composer/index.tsx

@@ -632,6 +632,13 @@ const ComposerInner = memo(
           return;
         }
 
+        if (currentHandler?.shouldPreventDefault) {
+          if (currentHandler.shouldPreventDefault(event.input || "", event.key)) {
+            event.preventDefault();
+            return;
+          }
+        }
+
         // Handle prompt history navigation for Prompt/Help/Files modes.
         // Only trigger when the cursor is at the extreme edge of the buffer:
         //   Up arrow → only when cursor is on the first visual line (top of buffer)
@@ -688,13 +695,6 @@ const ComposerInner = memo(
           }
         }
 
-        if (currentHandler?.shouldPreventDefault) {
-          if (currentHandler.shouldPreventDefault(event.input || "", event.key)) {
-            event.preventDefault();
-            return;
-          }
-        }
-
         if (atStart && event.key.backspace) {
           if (isWaitingForYoloConfirm) {
             resetToNormal();
@@ -911,7 +911,8 @@ const ComposerInner = memo(
 
     const grammar = useMemo(() => buildMentionGrammar(), []);
     const effectiveActivity = mode === ComposerMode.Bash ? getActivity() : activity;
-    const isInputDisabled = effectiveActivity === "pending";
+    const isInputDisabled =
+      effectiveActivity === "pending" || agentStatus === AgentStatus.WaitingForToolPermission;
 
     const pathText = (
       <Text wrap="truncate-middle" color="yellowBright">

package/src/components/tool-permissions/ask-user-question-permission-ui.tsx

@@ -2,6 +2,7 @@ import type { AskUserQuestionItem, PermissionDecision } from "@codellm/agent";
 
 import { View, Text } from "@codellm/jar";
 import { type Key, useInput } from "@codellm/jar";
+import process from "node:process";
 import { memo, useCallback, useRef, useState } from "react";
 
 import { TextBuffer } from "../../lib/text-buffer.js";
@@ -270,6 +271,7 @@ export const AskUserQuestionPermissionUI = memo(
               <Text dimColor>Note: </Text>
               <Input
                 ref={noteBufferRef}
+                width={process.stdout.columns - 10}
                 placeholder="Add context or instructions…"
                 onSubmit={handleNoteSubmit}
                 onKeyDown={handleNoteKeyDown}
@@ -294,16 +296,21 @@ export const AskUserQuestionPermissionUI = memo(
           borderRight={false}
         />
         <View flexDirection="row" paddingLeft={1} paddingBottom={1} gap={2}>
-          <Text dimColor>↑↓ option</Text>
-          <Text dimColor>space select</Text>
-          <Text dimColor>enter confirm</Text>
-          {questions.length > 1 && (
+          {noteMode ? (
             <>
-              <Text dimColor>←→ navigate</Text>
+              <Text dimColor>enter save note</Text>
+              <Text dimColor>esc discard note</Text>
+            </>
+          ) : (
+            <>
+              <Text dimColor>↑↓ option</Text>
+              <Text dimColor>space select</Text>
+              <Text dimColor>enter confirm</Text>
+              {questions.length > 1 && <Text dimColor>←→ navigate</Text>}
+              <Text dimColor>tab add note</Text>
+              <Text dimColor>esc skip</Text>
             </>
           )}
-          <Text dimColor>tab note</Text>
-          <Text dimColor>esc skip</Text>
         </View>
       </View>
     );

package/src/components/tool-permissions/diff-preview.tsx

@@ -227,6 +227,10 @@ export const DiffPreview = memo(
           const prefix = line[0];
           const content = line.slice(1);
 
+          if (prefix === "\\") {
+            continue;
+          }
+
           if (prefix === "+") {
             lines.push({
               type: "added",

package/src/components/tool-permissions/permission-options.tsx

@@ -1,5 +1,6 @@
 import { View, Text } from "@codellm/jar";
 import { type Key, useInput } from "@codellm/jar";
+import process from "node:process";
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 
 import type { ToolPermissionDecision, ToolPermissionResult } from "../../providers/agent.js";
@@ -50,6 +51,7 @@ const PermissionOptionItem = memo(
           <Text>{`${index + 1}. ${inputPrefix || ""}`}</Text>
           <Input
             ref={inputBufferRef}
+            width={process.stdout.columns - 10}
             placeholder={inputPlaceholder}
             onSubmit={onInputSubmit}
             onKeyDown={onInputKeyDown}
@@ -194,6 +196,13 @@ export const PermissionOptions = memo(
           event.preventDefault();
           return;
         }
+        if (event.key.escape) {
+          clearPlaceholders();
+          setTabPressedForInput(false);
+          onSelectRef.current({ decision: "reject" });
+          event.preventDefault();
+          return;
+        }
       },
       [clearPlaceholders],
     );
@@ -209,6 +218,10 @@ export const PermissionOptions = memo(
         setSelectedIndex((prev) => Math.min(optionsLengthRef.current - 1, prev + 1));
         return;
       }
+      if (key.escape) {
+        onSelectRef.current({ decision: "reject" });
+        return;
+      }
       if (key.tab && key.shift) {
         // Shift+Tab: Find and select the 'allowAlways' option
         const allowAlwaysIndex = optionsRef.current.findIndex((opt) => opt.value === "allowAlways");
@@ -322,14 +335,13 @@ export const PermissionOptions = memo(
       return "";
     };
 
-    // Show "Tab to add additional instructions" hint when:
-    // - Not in input mode
-    // - Current option is accept or reject (supports Tab input)
     const showTabHint =
       !tabPressedForInput &&
       currentOption &&
       (currentOption.value === "accept" || currentOption.value === "reject");
 
+    const hasAllowAlways = filteredOptions.some((opt) => opt.value === "allowAlways");
+
     return (
       <View flexDirection="column">
         {filteredOptions.map((option, index) => {
@@ -365,8 +377,22 @@ export const PermissionOptions = memo(
             />
           );
         })}
-        <View marginTop={1}>
-          <Text dimColor>{showTabHint ? "Tab to add additional instructions" : ""}</Text>
+        <View flexDirection="row" marginTop={1} gap={2}>
+          {tabPressedForInput ? (
+            <>
+              <Text dimColor>enter submit</Text>
+              <Text dimColor>tab discard note</Text>
+              <Text dimColor>esc reject</Text>
+            </>
+          ) : (
+            <>
+              <Text dimColor>↑↓ navigate</Text>
+              <Text dimColor>enter select</Text>
+              {showTabHint && <Text dimColor>tab add note</Text>}
+              {hasAllowAlways && <Text dimColor>shift+tab don't ask again</Text>}
+              <Text dimColor>esc reject</Text>
+            </>
+          )}
         </View>
       </View>
     );

package/src/components/tool-permissions/tool-permission-ui.tsx

@@ -1,6 +1,7 @@
 import type { PermissionDecision } from "@codellm/agent";
 
 import { View, Text } from "@codellm/jar";
+import { highlight, supportsLanguage } from "cli-highlight";
 import { memo } from "react";
 
 import type { PendingToolPermission, ToolPermissionResult } from "../../providers/agent.js";
@@ -47,17 +48,17 @@ const EditFilePermissionUI = memo(
     const inPlanMode = agentMode === AgentMode.PlanMode;
 
     const options: PermissionOption[] = [
-      { label: "Accept", value: "accept" },
+      { label: "Yes, apply changes", value: "accept" },
       ...(!inPlanMode
         ? [
             {
-              label: "Always accept all edits",
+              label: "Yes, and auto-accept all edits",
               value: "allowAlways" as const,
               hint: "shift+tab",
             },
           ]
         : []),
-      { label: "Reject", value: "reject" },
+      { label: "No, reject changes", value: "reject" },
     ];
 
     const handleSelect = (result: ToolPermissionResult) => {
@@ -116,8 +117,8 @@ const DeleteFilePermissionUI = memo(
     onResolve: (decision: PermissionDecision) => void;
   }) => {
     const options: PermissionOption[] = [
-      { label: "Yes", value: "accept" },
-      { label: "No", value: "reject" },
+      { label: "Yes, delete file", value: "accept" },
+      { label: "No, keep file", value: "reject" },
     ];
 
     const handleSelect = (result: ToolPermissionResult) => {
@@ -157,8 +158,8 @@ const BrowserActionPermissionUI = memo(
     onResolve: (decision: PermissionDecision) => void;
   }) => {
     const options: PermissionOption[] = [
-      { label: "Yes", value: "accept" },
-      { label: "No", value: "reject" },
+      { label: "Yes, allow action", value: "accept" },
+      { label: "No, deny action", value: "reject" },
     ];
 
     const handleSelect = (result: ToolPermissionResult) => {
@@ -199,8 +200,9 @@ const RunTerminalPermissionUI = memo(
     onResolve: (decision: PermissionDecision) => void;
   }) => {
     const options: PermissionOption[] = [
-      { label: "Yes", value: "accept" },
-      { label: "No", value: "reject" },
+      { label: "Yes, run command", value: "accept" },
+      { label: "Yes, and auto-accept all commands", value: "allowAlways", hint: "shift+tab" },
+      { label: "No, skip command", value: "reject" },
     ];
 
     const handleSelect = (result: ToolPermissionResult) => {
@@ -211,7 +213,17 @@ const RunTerminalPermissionUI = memo(
       <View flexDirection="column">
         <PermissionPreviewHeader title="Bash command" />
         <View flexDirection="column" paddingLeft={1} paddingY={1}>
-          <Text color="cyan">{command}</Text>
+          <Text>
+            {supportsLanguage("bash")
+              ? (() => {
+                  try {
+                    return highlight(command, { language: "bash" });
+                  } catch {
+                    return command;
+                  }
+                })()
+              : command}
+          </Text>
           {background && (
             <View paddingTop={1}>
               <Text dimColor>(Running in background)</Text>
@@ -249,8 +261,8 @@ const GenericPermissionUI = memo(
     onResolve: (decision: PermissionDecision) => void;
   }) => {
     const options: PermissionOption[] = [
-      { label: "Yes", value: "accept" },
-      { label: "No", value: "reject" },
+      { label: "Yes, allow", value: "accept" },
+      { label: "No, deny", value: "reject" },
     ];
 
     const handleSelect = (result: ToolPermissionResult) => {
@@ -261,7 +273,17 @@ const GenericPermissionUI = memo(
       <View flexDirection="column">
         <PermissionPreviewHeader title={title} />
         <View flexDirection="column" paddingLeft={1} paddingY={1}>
-          <Text>{description}</Text>
+          <Text>
+            {supportsLanguage("json")
+              ? (() => {
+                  try {
+                    return highlight(description, { language: "json" });
+                  } catch {
+                    return description;
+                  }
+                })()
+              : description}
+          </Text>
         </View>
         <View
           borderStyle={dashedBorderStyle}
@@ -290,12 +312,12 @@ const ExitPlanModePermissionUI = memo(
     onResolve: (decision: PermissionDecision) => void;
   }) => {
     const options: PermissionOption[] = [
+      { label: "Yes, implement the plan (approve each edit)", value: "accept" },
       {
         label: "Yes, implement the plan (auto-accept all edits)",
         value: "allowAlways",
         hint: "shift+tab",
       },
-      { label: "Yes, implement the plan (approve each edit)", value: "accept" },
       { label: "No, keep planning", value: "reject" },
     ];
 

package/src/components/tools/agent/ask-user-question.tsx

@@ -60,9 +60,15 @@ export const askUserQuestionTool: ToolDef<AskUserQuestionParsedData> = {
         <View flexDirection="column">
           <ToolHeader name="AskUserQuestion" status={hasAnswers ? "success" : "rejected"} />
           <ToolResult color={hasAnswers ? "green" : "yellow"}>
-            {hasAnswers
-              ? `User answered ${Object.keys(answers).length} question${Object.keys(answers).length !== 1 ? "s" : ""}`
-              : "User cancelled the questions"}
+            {hasAnswers ? (
+              `User answered ${Object.keys(answers).length} question${Object.keys(answers).length !== 1 ? "s" : ""}`
+            ) : parsedResult?.userNote ? (
+              <>
+                Rejected · <Text italic>"{parsedResult.userNote}"</Text>
+              </>
+            ) : (
+              "User cancelled the questions"
+            )}
           </ToolResult>
         </View>
       );

package/src/components/tools/agent/enter-plan-mode.tsx

@@ -1,6 +1,6 @@
 import type { ParsedToolResult } from "@codellm/agent";
 
-import { View } from "@codellm/jar";
+import { View, Text } from "@codellm/jar";
 import React from "react";
 
 import type { ToolDef, ToolStatus } from "../types.js";
@@ -15,7 +15,7 @@ export const enterPlanModeTool: ToolDef = {
   renderUI(
     _rawInput: Record<string, unknown>,
     status: ToolStatus,
-    _parsedResult?: ParsedToolResult,
+    parsedResult?: ParsedToolResult,
   ): React.ReactElement {
     if (status === "interrupted") {
       return (
@@ -30,7 +30,13 @@ export const enterPlanModeTool: ToolDef = {
       return (
         <View flexDirection="column">
           <ToolHeader name="EnterPlanMode" status="rejected" />
-          <ToolResult color="yellow">Plan mode entry rejected</ToolResult>
+          {parsedResult?.userNote ? (
+            <ToolResult color="yellow">
+              Rejected · <Text italic>"{parsedResult.userNote}"</Text>
+            </ToolResult>
+          ) : (
+            <ToolResult color="yellow">Rejected</ToolResult>
+          )}
         </View>
       );
     }

package/src/components/tools/agent/exit-plan-mode.tsx

@@ -1,7 +1,7 @@
 import type { ParsedToolResult } from "@codellm/agent";
 
 import { AgentMode } from "@codellm/agent";
-import { View } from "@codellm/jar";
+import { View, Text } from "@codellm/jar";
 import React from "react";
 import { z } from "zod";
 
@@ -16,9 +16,11 @@ const ExitPlanModeParams = z.object({ planFilePath: z.string() });
 function ExitPlanModeUI({
   rawInput,
   status,
+  parsedResult,
 }: {
   rawInput: Record<string, unknown>;
   status: ToolStatus;
+  parsedResult?: ParsedToolResult;
 }) {
   const { agentMode } = useAgentMode();
   const pr = ExitPlanModeParams.safeParse(snakeToCamel(rawInput));
@@ -38,7 +40,13 @@ function ExitPlanModeUI({
     return (
       <View flexDirection="column">
         <ToolHeader name="ExitPlanMode" status="rejected" />
-        <ToolResult color="yellow">Plan rejected</ToolResult>
+        {parsedResult?.userNote ? (
+          <ToolResult color="yellow">
+            Rejected · <Text italic>"{parsedResult.userNote}"</Text>
+          </ToolResult>
+        ) : (
+          <ToolResult color="yellow">Rejected</ToolResult>
+        )}
       </View>
     );
   }
@@ -68,8 +76,8 @@ export const exitPlanModeTool: ToolDef = {
   renderUI(
     rawInput: Record<string, unknown>,
     status: ToolStatus,
-    _parsedResult?: ParsedToolResult,
+    parsedResult?: ParsedToolResult,
   ): React.ReactElement {
-    return <ExitPlanModeUI rawInput={rawInput} status={status} />;
+    return <ExitPlanModeUI rawInput={rawInput} status={status} parsedResult={parsedResult} />;
   },
 };

package/src/components/tools/terminal/bash-tool-output.tsx

@@ -102,7 +102,13 @@ export function BashToolOutput({ command, toolCallId, executionResult }: BashToo
   if (isExecuting && lines.length === 0) {
     return (
       <View flexDirection="column" gap={0}>
-        <ToolHeader name="Bash" params={displayCommand} status={headerStatus} showSpinner />
+        <ToolHeader
+          name="Bash"
+          params={displayCommand}
+          paramsLanguage="bash"
+          status={headerStatus}
+          showSpinner
+        />
         <ToolResult color="gray">Running…</ToolResult>
       </View>
     );
@@ -112,7 +118,13 @@ export function BashToolOutput({ command, toolCallId, executionResult }: BashToo
     const elapsedText = elapsedMs > 0 ? ` (${formatElapsedTime(elapsedMs)})` : "";
     return (
       <View flexDirection="column" gap={0}>
-        <ToolHeader name="Bash" params={displayCommand} status={headerStatus} showSpinner />
+        <ToolHeader
+          name="Bash"
+          params={displayCommand}
+          paramsLanguage="bash"
+          status={headerStatus}
+          showSpinner
+        />
         <PreviewContent>
           {lines.map((line, idx) => (
             <Text key={idx}>{line}</Text>
@@ -130,37 +142,39 @@ export function BashToolOutput({ command, toolCallId, executionResult }: BashToo
   }
 
   if (executionResult) {
+    const isStaleResult = !finalOutput && (executionResult.duration ?? 0) === 0;
     const duration = formatDuration(executionResult.duration ?? 0);
-    const resultText = `exit ${exitCode} (${duration})`;
+    const resultText = isStaleResult ? `exit ${exitCode}` : `exit ${exitCode} (${duration})`;
     const hasOutput = lines.length > 0;
 
     return (
       <View flexDirection="column" gap={0}>
-        <ToolHeader name="Bash" params={displayCommand} status={headerStatus} />
-        <PreviewContent>
-          {hasOutput ? (
-            <>
-              {isError && (
-                <Text color="red" dimColor>
-                  Error:
-                </Text>
-              )}
-              {lines.map((line, idx) => (
-                <Text key={idx} color={isError ? "red" : undefined} dimColor>
-                  {line}
-                </Text>
-              ))}
-              {isTruncated && (
-                <Text dimColor>
-                  … +{hiddenCount} {isExpanded ? "more " : ""}line{hiddenCount !== 1 ? "s" : ""}
-                  {!isExpanded ? " (ctrl+o to expand)" : ""}
-                </Text>
-              )}
-            </>
-          ) : (
-            <Text dimColor>(No output)</Text>
-          )}
-        </PreviewContent>
+        <ToolHeader
+          name="Bash"
+          params={displayCommand}
+          paramsLanguage="bash"
+          status={headerStatus}
+        />
+        {hasOutput && (
+          <PreviewContent>
+            {isError && (
+              <Text color="red" dimColor>
+                Error:
+              </Text>
+            )}
+            {lines.map((line, idx) => (
+              <Text key={idx} color={isError ? "red" : undefined} dimColor>
+                {line}
+              </Text>
+            ))}
+            {isTruncated && (
+              <Text dimColor>
+                … +{hiddenCount} {isExpanded ? "more " : ""}line{hiddenCount !== 1 ? "s" : ""}
+                {!isExpanded ? " (ctrl+o to expand)" : ""}
+              </Text>
+            )}
+          </PreviewContent>
+        )}
         <ToolResult color={isError ? "red" : "gray"}>{resultText}</ToolResult>
       </View>
     );
@@ -168,7 +182,7 @@ export function BashToolOutput({ command, toolCallId, executionResult }: BashToo
 
   return (
     <View flexDirection="column">
-      <ToolHeader name="Bash" params={displayCommand} status="pending" />
+      <ToolHeader name="Bash" params={displayCommand} paramsLanguage="bash" status="pending" />
     </View>
   );
 }

package/src/components/tools/terminal/get-terminal-output.tsx

@@ -1,6 +1,6 @@
 import type { ParsedToolResult } from "@codellm/agent";
 
-import { View } from "@codellm/jar";
+import { View, Text } from "@codellm/jar";
 import React from "react";
 import { z } from "zod";
 
@@ -54,7 +54,13 @@ export const getTerminalOutputTool: ToolDef = {
       return (
         <View flexDirection="column">
           <ToolHeader name="TerminalOutput" params={terminalIdParam} status="rejected" />
-          <ToolResult color="yellow">Rejected</ToolResult>
+          {parsedResult?.userNote ? (
+            <ToolResult color="yellow">
+              Rejected · <Text italic>"{parsedResult.userNote}"</Text>
+            </ToolResult>
+          ) : (
+            <ToolResult color="yellow">Rejected</ToolResult>
+          )}
         </View>
       );
     }

package/src/components/tools/terminal/run-in-terminal.tsx

@@ -16,6 +16,7 @@ const RunInTerminalParams = z.object({
   isBackground: coerceOptionalBoolean,
   id: z.string().optional(),
   interactiveMode: coerceOptionalBoolean,
+  timeout: z.coerce.number().optional(),
 });
 
 function RunInTerminalUI({
@@ -31,18 +32,19 @@ function RunInTerminalUI({
   if (!parseResult.success) {
     return (
       <View flexDirection="column">
-        <ToolHeader name="Bash" params="" status="error" />
+        <ToolHeader name="Bash" params="" paramsLanguage="bash" status="error" />
         <ToolResult color="red">Invalid params</ToolResult>
       </View>
     );
   }
   const params = parseResult.data;
   const command = params.command || "";
+  const timeoutLabel = params.timeout ? ` (timeout: ${(params.timeout / 1000).toFixed(0)}s)` : "";
 
   if (status === "interrupted") {
     return (
       <View flexDirection="column">
-        <ToolHeader name="Bash" params={command} status="interrupted" />
+        <ToolHeader name="Bash" params={command} paramsLanguage="bash" status="interrupted" />
         <ToolResult color="yellow">Interrupted · What should I do instead?</ToolResult>
       </View>
     );
@@ -52,7 +54,7 @@ function RunInTerminalUI({
     if (parsedResult?.userNote) {
       return (
         <View flexDirection="column">
-          <ToolHeader name="Bash" params={command} status="rejected" />
+          <ToolHeader name="Bash" params={command} paramsLanguage="bash" status="rejected" />
           <ToolResult color="yellow">
             Rejected · <Text italic>"{parsedResult.userNote}"</Text>
           </ToolResult>
@@ -61,16 +63,35 @@ function RunInTerminalUI({
     }
     return (
       <View flexDirection="column">
-        <ToolHeader name="Bash" params={command} status="rejected" />
+        <ToolHeader name="Bash" params={command} paramsLanguage="bash" status="rejected" />
         <ToolResult color="yellow">Rejected</ToolResult>
       </View>
     );
   }
 
+  if (parsedResult?.data?.timedOut) {
+    return (
+      <View flexDirection="column">
+        <ToolHeader
+          name="Bash"
+          params={`${command}${timeoutLabel}`}
+          paramsLanguage="bash"
+          status="success"
+        />
+        <ToolResult>Running in the background</ToolResult>
+      </View>
+    );
+  }
+
   if (parsedResult?.isBackground) {
     return (
       <View flexDirection="column">
-        <ToolHeader name="Bash" params={command} status="success" />
+        <ToolHeader
+          name="Bash"
+          params={`${command}${timeoutLabel}`}
+          paramsLanguage="bash"
+          status="success"
+        />
         <ToolResult>{parsedResult.summary}</ToolResult>
       </View>
     );
@@ -81,7 +102,11 @@ function RunInTerminalUI({
   const executionResult = parsedResult?.data;
 
   return (
-    <BashToolOutput command={command} toolCallId={toolCallId} executionResult={executionResult} />
+    <BashToolOutput
+      command={`${command}${timeoutLabel}`}
+      toolCallId={toolCallId}
+      executionResult={executionResult}
+    />
   );
 }
 

package/src/components/tools.tsx

@@ -39,6 +39,8 @@ export function Tool(tool: ToolProps<ToolUseRequest>) {
     status = parsed.reason === "interrupted" ? "interrupted" : "rejected";
   } else if (tool.result) {
     status = "success";
+  } else if (tool.parsedResult?.phase === "error") {
+    status = "error";
   } else {
     status = "executing";
   }

package/src/components/ui/blinking-indicator.tsx

@@ -1,5 +1,5 @@
 import { Text } from "@codellm/jar";
-import { memo, useEffect, useState } from "react";
+import { memo, startTransition, useEffect, useState } from "react";
 
 interface BlinkingIndicatorProps {
   char: string;
@@ -13,7 +13,9 @@ export const BlinkingIndicator = memo(({ char, color }: BlinkingIndicatorProps)
 
   useEffect(() => {
     const interval = setInterval(() => {
-      setVisible((prev) => !prev);
+      startTransition(() => {
+        setVisible((prev) => !prev);
+      });
     }, BLINK_INTERVAL);
 
     return () => clearInterval(interval);