feat: add functions support, agent improvements, explorer live reload

- Add coded functions docs (SKILL.md, creating-functions.md, etc.)
- Document uipath.json, bindings.json, pack/publish workflow
- Add evaluator file creation step in evaluations docs
- Fix explorer sidebar not refreshing on file add/delete
- Fix UTF-8 encoding for agent bash tool on Windows
- Improve agent prompt: full build cycle, force bash usage
- Remove em dash from reload toast
- Bump version to 0.0.62

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: cristipufu

pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "uipath-dev"
-version = "0.0.61"
+version = "0.0.62"
 description = "UiPath Developer Console"
 readme = { file = "README.md", content-type = "text/markdown" }
 requires-python = ">=3.11"

src/uipath/dev/server/frontend/src/components/agent/AgentChatSidebar.tsx

@@ -86,13 +86,27 @@ export default function AgentChatSidebar() {
 
   const isBusy = status === "thinking" || status === "executing" || status === "planning";
 
+  const textareaRef = useRef<HTMLTextAreaElement>(null);
+
+  const resetTextareaHeight = () => {
+    const ta = textareaRef.current;
+    if (!ta) return;
+    ta.style.height = "auto";
+    ta.style.height = Math.min(ta.scrollHeight, 200) + "px";
+  };
+
   const handleSend = useCallback(() => {
     const text = input.trim();
     if (!text || !selectedModel || isBusy) return;
     stickToBottom.current = true;
     addUserMessage(text);
     ws.sendAgentMessage(text, selectedModel, sessionId, selectedSkillIds);
     setInput("");
+    // Reset textarea height after send
+    requestAnimationFrame(() => {
+      const ta = textareaRef.current;
+      if (ta) ta.style.height = "auto";
+    });
   }, [input, selectedModel, isBusy, sessionId, selectedSkillIds, addUserMessage, ws]);
 
   const handleStop = useCallback(() => {
@@ -164,9 +178,15 @@ export default function AgentChatSidebar() {
           className="h-full overflow-y-auto px-3 py-2 space-y-0.5"
         >
           {messages.length === 0 && (
-            <p className="text-[var(--text-muted)] text-sm text-center py-6">
-              No messages yet
-            </p>
+            <div className="flex flex-col items-center justify-center py-10 px-4 gap-3" style={{ color: "var(--text-muted)" }}>
+              <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
+                <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" />
+              </svg>
+              <div className="text-center space-y-1.5">
+                <p className="text-sm font-medium" style={{ color: "var(--text-secondary)" }}>Ask the agent to help you code</p>
+                <p className="text-xs leading-relaxed">Create agents, functions, evaluations,<br />or ask questions about your project.</p>
+              </div>
+            </div>
           )}
           {messages.map((msg) => (
             <AgentMessageComponent key={msg.id} message={msg} />
@@ -196,24 +216,29 @@ export default function AgentChatSidebar() {
         )}
       </div>
 
-      {/* Input — matches ChatInput from debug view */}
+      {/* Input */}
       <div
-        className="flex items-center gap-2 px-3 py-2 border-t"
+        className="flex items-end gap-2 px-3 py-2 border-t"
         style={{ borderColor: "var(--border)" }}
       >
-        <input
+        <textarea
+          ref={textareaRef}
           value={input}
-          onChange={(e) => setInput(e.target.value)}
+          onChange={(e) => {
+            setInput(e.target.value);
+            resetTextareaHeight();
+          }}
           onKeyDown={handleKeyDown}
           disabled={isBusy || !selectedModel}
           placeholder={isBusy ? "Waiting for response..." : "Message..."}
-          className="flex-1 bg-transparent text-sm py-1 disabled:opacity-40 placeholder:text-[var(--text-muted)]"
-          style={{ color: "var(--text-primary)" }}
+          rows={2}
+          className="flex-1 bg-transparent text-sm py-1 disabled:opacity-40 placeholder:text-[var(--text-muted)] resize-none"
+          style={{ color: "var(--text-primary)", maxHeight: 200, overflow: "auto" }}
         />
         <button
           onClick={handleSend}
           disabled={!canSend}
-          className="text-xs font-semibold px-3 py-1.5 rounded transition-colors cursor-pointer disabled:opacity-30 disabled:cursor-not-allowed"
+          className="text-xs font-semibold px-3 py-1.5 rounded transition-colors cursor-pointer disabled:opacity-30 disabled:cursor-not-allowed shrink-0"
           aria-label="Send message"
           style={{
             color: canSend ? "var(--accent)" : "var(--text-muted)",

src/uipath/dev/server/frontend/src/components/agent/AgentMessage.tsx

@@ -189,10 +189,17 @@ function SingleToolCall({ tc }: { tc: AgentToolCall }) {
   );
 }
 
+const VISIBLE_TOOL_CALLS = 3;
+
 function ToolCard({ message }: Props) {
   const calls = message.toolCalls ?? (message.toolCall ? [message.toolCall] : []);
+  const [showAll, setShowAll] = useState(false);
   if (calls.length === 0) return null;
 
+  const hiddenCount = calls.length - VISIBLE_TOOL_CALLS;
+  const shouldCollapse = hiddenCount > 0 && !showAll;
+  const visibleCalls = shouldCollapse ? calls.slice(-VISIBLE_TOOL_CALLS) : calls;
+
   return (
     <div className="py-1.5">
       <div className="flex items-center gap-1.5 mb-0.5">
@@ -202,8 +209,24 @@ function ToolCard({ message }: Props) {
         </span>
       </div>
       <div className="space-y-1">
-        {calls.map((tc, i) => (
-          <SingleToolCall key={i} tc={tc} />
+        {shouldCollapse && (
+          <button
+            onClick={() => setShowAll(true)}
+            className="ml-2.5 inline-flex items-center gap-1 text-[11px] font-mono px-2 py-1 rounded cursor-pointer hover:brightness-125"
+            style={{
+              background: "var(--bg-primary)",
+              border: "1px solid var(--border)",
+              color: "var(--text-muted)",
+            }}
+          >
+            {hiddenCount} more tool {hiddenCount === 1 ? "call" : "calls"}
+            <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" style={{ marginLeft: 2 }}>
+              <path d="M6 9l6 6 6-6" />
+            </svg>
+          </button>
+        )}
+        {visibleCalls.map((tc, i) => (
+          <SingleToolCall key={shouldCollapse ? i + hiddenCount : i} tc={tc} />
         ))}
       </div>
     </div>

src/uipath/dev/server/frontend/src/components/shared/ReloadToast.tsx

@@ -26,7 +26,7 @@ export default function ReloadToast() {
     <div className="fixed top-4 left-1/2 -translate-x-1/2 z-50 flex items-center justify-between px-5 py-2.5 rounded-lg shadow-lg min-w-[400px]"
       style={{ background: "var(--bg-secondary)", border: "1px solid var(--bg-tertiary)" }}>
       <span className="text-sm" style={{ color: "var(--text-secondary)" }}>
-        Files changed — reload to apply
+        Files changed, reload to apply
       </span>
       <div className="flex items-center gap-2">
         <button

src/uipath/dev/server/frontend/src/store/useWebSocket.ts

@@ -4,7 +4,7 @@ import { useRunStore } from "./useRunStore";
 import { useEvalStore } from "./useEvalStore";
 import { useAgentStore } from "./useAgentStore";
 import { useExplorerStore } from "./useExplorerStore";
-import { readFile } from "../api/explorer-client";
+import { readFile, listDirectory } from "../api/explorer-client";
 import type { RunSummary, TraceSpan, LogEntry, InterruptEvent } from "../types/run";
 import type { EvalRunSummary, EvalItemResult } from "../types/eval";
 import type { AgentPlanItem, AgentStatus } from "../types/agent";
@@ -72,6 +72,7 @@ export function useWebSocket() {
           const changedFiles = msg.payload.files as string[];
           const changedSet = new Set(changedFiles);
           const explorer = useExplorerStore.getState();
+          // Refresh open tab contents
           for (const tab of explorer.openTabs) {
             if (explorer.dirty[tab] || !changedSet.has(tab)) continue;
             readFile(tab).then((fc) => {
@@ -81,6 +82,20 @@ export function useWebSocket() {
               s.setFileContent(tab, fc);
             }).catch(() => {});
           }
+          // Refresh directory listings for already-loaded parent dirs
+          const dirsToRefresh = new Set<string>();
+          for (const filePath of changedFiles) {
+            const lastSlash = filePath.lastIndexOf("/");
+            const parentDir = lastSlash === -1 ? "" : filePath.substring(0, lastSlash);
+            if (parentDir in explorer.children) {
+              dirsToRefresh.add(parentDir);
+            }
+          }
+          for (const dir of dirsToRefresh) {
+            listDirectory(dir)
+              .then((entries) => useExplorerStore.getState().setChildren(dir, entries))
+              .catch(() => {});
+          }
           break;
         }
         // Eval events

src/uipath/dev/server/routes/files.py

@@ -191,5 +191,8 @@ async def save_file(path: str, body: SaveFileBody) -> dict[str, str]:
     """Save file content. Creates parent dirs if needed."""
     target = _resolve_safe(path)
     target.parent.mkdir(parents=True, exist_ok=True)
-    target.write_text(body.content, encoding="utf-8")
+    # Write bytes directly to avoid Python text-mode converting \n → \r\n on
+    # Windows, which would add extra carriage returns on every save since
+    # Monaco normalizes line endings to \n.
+    target.write_bytes(body.content.encode("utf-8"))
     return {"status": "ok"}