diff --git a/package-lock.json b/package-lock.json
index 844302e5..50dcf265 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6766,6 +6766,7 @@
         "bcrypt": "^5.1.1",
         "jose": "^5.2.0",
         "js-tiktoken": "1.0.7",
+        "jsonrepair": "^3.6.0",
         "koa": "^2.15.0",
         "koa-bodyparser": "^4.4.1",
         "koa-logger": "^3.2.1",
diff --git a/packages/backend/package.json b/packages/backend/package.json
index c1c622a8..64e742bc 100644
--- a/packages/backend/package.json
+++ b/packages/backend/package.json
@@ -23,6 +23,7 @@
     "bcrypt": "^5.1.1",
     "jose": "^5.2.0",
     "js-tiktoken": "1.0.7",
+    "jsonrepair": "^3.6.0",
     "koa": "^2.15.0",
     "koa-bodyparser": "^4.4.1",
     "koa-logger": "^3.2.1",
diff --git a/packages/backend/src/api/v1/runs/index.ts b/packages/backend/src/api/v1/runs/index.ts
index e45121ef..55cddaf6 100644
--- a/packages/backend/src/api/v1/runs/index.ts
+++ b/packages/backend/src/api/v1/runs/index.ts
@@ -7,6 +7,7 @@ import { fileExport } from "./export"
 import { deserializeLogic } from "shared"
 import { convertChecksToSQL } from "@/src/utils/checks"
 import { checkAccess } from "@/src/utils/authorization"
+import { jsonrepair } from "jsonrepair"
 
 const runs = new Router({
   prefix: "/runs",
@@ -55,6 +56,20 @@ function processOutput(output: unknown) {
   return output
 }
 
+function processParams(params: any) {
+  if (!params) return {}
+  try {
+    // handles tools received as string (eg. litellm)
+    if (params.tools && typeof params.tools === "string") {
+      params.tools = JSON.parse(jsonrepair(params.tools))
+    }
+  } catch (e) {
+    console.error(e)
+    console.error("Error parsing tools")
+  }
+  return params
+}
+
 const formatRun = (run: any) => ({
   id: run.id,
   isPublic: run.isPublic,
@@ -79,7 +94,8 @@ const formatRun = (run: any) => ({
   error: run.error,
   status: run.status,
   siblingRunId: run.siblingRunId,
-  params: run.params,
+  params: processParams(run.params),
+
   metadata: run.metadata,
   user: {
     id: run.externalUserId,
diff --git a/packages/backend/src/api/v1/runs/ingest.ts b/packages/backend/src/api/v1/runs/ingest.ts
index 92177812..8d1c8ce0 100644
--- a/packages/backend/src/api/v1/runs/ingest.ts
+++ b/packages/backend/src/api/v1/runs/ingest.ts
@@ -35,6 +35,7 @@ const registerRunEvent = async (
     name,
     tokensUsage,
     extra,
+    params,
     error,
     feedback,
     metadata,
@@ -121,8 +122,8 @@ const registerRunEvent = async (
             tags,
             name,
             status: "started",
-            params: extra,
-            metadata: metadata,
+            params: params || extra,
+            metadata,
             templateVersionId: templateId,
             parentRunId: parentRunIdToUse,
             input,
diff --git a/packages/backend/src/utils/ingest.ts b/packages/backend/src/utils/ingest.ts
index bccaf129..01ed2692 100644
--- a/packages/backend/src/utils/ingest.ts
+++ b/packages/backend/src/utils/ingest.ts
@@ -79,7 +79,7 @@ export const ensureIsUUID = async (id: string): Promise<string | undefined> => {
 }
 
 // Converts snake_case to camelCase
-// I found some (probably unintended) camelCase props in the tracer events, so normalize everything
+// I found some (probably unintended) snake_case props in the tracer events, so normalize everything
 const recursiveToCamel = (item: any): any => {
   if (Array.isArray(item)) {
     return item.map((el: unknown) => recursiveToCamel(el))
@@ -102,25 +102,17 @@ const recursiveToCamel = (item: any): any => {
 function cleanMetadata(object: any) {
   if (!object) return undefined
 
+  const validTypes = ["string", "number", "boolean"]
+
   return Object.fromEntries(
     Object.entries(object).map(([key, value]) => {
-      if (
-        typeof value === "string" ||
-        typeof value === "number" ||
-        typeof value === "boolean"
-      ) {
+      if (validTypes.includes(typeof value)) {
         return [key, value]
       }
       if (Array.isArray(value)) {
         return [
           key,
-          value.map((v) =>
-            typeof v === "string" ||
-            typeof v === "number" ||
-            typeof v === "boolean"
-              ? v
-              : null,
-          ),
+          value.map((v) => (validTypes.includes(typeof value) ? v : null)),
         ]
       }
       return [key, null]
diff --git a/packages/frontend/components/blocks/RunInputOutput.tsx b/packages/frontend/components/blocks/RunInputOutput.tsx
index c7199fef..8c8ac822 100644
--- a/packages/frontend/components/blocks/RunInputOutput.tsx
+++ b/packages/frontend/components/blocks/RunInputOutput.tsx
@@ -18,6 +18,7 @@ import { useRun, useUser } from "@/utils/dataHooks"
 import { notifications } from "@mantine/notifications"
 import CopyText, { SuperCopyButton } from "./CopyText"
 import { hasAccess } from "shared"
+import ErrorBoundary from "./ErrorBoundary"
 
 const isChatMessages = (obj) => {
   return Array.isArray(obj)
@@ -39,30 +40,32 @@ const ParamItem = ({
   value: any
   render?: (value: any) => React.ReactNode
   color?: string
-}) => (
-  <Group>
-    <Text size="sm">{name}: </Text>
-    {render ? (
-      render(value)
-    ) : (
-      <Text size="sm">
-        {typeof value === "string" || typeof value === "number" ? (
-          <Badge variant="outline" tt="none" color={color}>
-            {value}
-          </Badge>
-        ) : Array.isArray(value) ? (
-          value.map((v, i) => (
-            <Badge key={i} variant="outline" tt="none">
-              {v}
+}) => {
+  return (
+    <Group>
+      <Text size="sm">{name}: </Text>
+      {render ? (
+        render(value)
+      ) : (
+        <Text size="sm">
+          {typeof value === "string" || typeof value === "number" ? (
+            <Badge variant="outline" tt="none" color={color}>
+              {value}
             </Badge>
-          ))
-        ) : (
-          JSON.stringify(value)
-        )}
-      </Text>
-    )}
-  </Group>
-)
+          ) : Array.isArray(value) ? (
+            value.map((v, i) => (
+              <Badge key={i} variant="outline" tt="none">
+                {v}
+              </Badge>
+            ))
+          ) : (
+            JSON.stringify(value)
+          )}
+        </Text>
+      )}
+    </Group>
+  )
+}
 
 // tools format: [
 //   {
@@ -89,8 +92,8 @@ const ParamItem = ({
 //   }
 // ]
 
-function RenderTools(tools) {
-  return tools.map((tool, i) => {
+function RenderTools({ tools }) {
+  return tools?.map((tool, i) => {
     return (
       <HoverCard key={i}>
         <HoverCard.Target>
@@ -117,16 +120,20 @@ function RenderTools(tools) {
 
 const PARAMS = [
   { key: "temperature", name: "Temperature" },
-  { key: "max_tokens", name: "Max tokens" },
-  { key: "top_p", name: "Top P" },
-  { key: "top_k", name: "Top K" },
-  { key: "logit_bias", name: "Logit bias" },
-  { key: "presence_penalty", name: "Presence penalty" },
-  { key: "frequency_penalty", name: "Frequency penalty" },
+  { key: "maxTokens", name: "Max tokens" },
+  { key: "topP", name: "Top P" },
+  { key: "topK", name: "Top K" },
+  { key: "logitBias", name: "Logit bias" },
+  { key: "presencePenalty", name: "Presence penalty" },
+  { key: "frequencyPenalty", name: "Frequency penalty" },
   { key: "stop", name: "Stop" },
   { key: "seed", name: "Seed" },
-  { key: "tools", name: "Tools", render: RenderTools },
-  { key: "tool_choice", name: "Tool Choice" },
+  {
+    key: "tools",
+    name: "Tools",
+    render: (value) => <RenderTools tools={value} />,
+  },
+  { key: "toolChoice", name: "Tool Choice" },
 ]
 
 export default function RunInputOutput({
@@ -145,148 +152,150 @@ export default function RunInputOutput({
     hasAccess(user.role, "prompts", "read")
 
   return (
-    <Stack>
-      {run?.type === "llm" && (
-        <>
-          {withShare && (
-            <Group justify="space-between">
-              <Group gap="xs">
-                <Text size="sm">
-                  Copy{" "}
-                  <Text span fw="bold">
-                    {run?.isPublic ? "public" : "private"}
-                  </Text>{" "}
-                  URL to share {run?.isPublic ? "" : "with your team"}
-                </Text>
-                <SuperCopyButton
-                  value={`${window.location.origin}/logs/${run.id}`}
-                />
-              </Group>
-              {hasAccess(user.role, "logs", "update") && (
-                <Switch
-                  label={
-                    <Text size="sm" mr="sm">
-                      Make public
-                    </Text>
-                  }
-                  checked={run.isPublic}
-                  color={run.isPublic ? "red" : "blue"}
-                  onChange={async (e) => {
-                    const checked = e.currentTarget.checked as boolean
-                    update({ ...run, isPublic: checked })
-                    if (checked) {
-                      const url = `${window.location.origin}/logs/${run.id}`
-                      await navigator.clipboard.writeText(url)
-
-                      notifications.show({
-                        top: 100,
-                        title: "Run is now public",
-                        message: "Link copied to clipboard",
-                      })
+    <ErrorBoundary>
+      <Stack>
+        {run?.type === "llm" && (
+          <>
+            {withShare && (
+              <Group justify="space-between">
+                <Group gap="xs">
+                  <Text size="sm">
+                    Copy{" "}
+                    <Text span fw="bold">
+                      {run?.isPublic ? "public" : "private"}
+                    </Text>{" "}
+                    URL to share {run?.isPublic ? "" : "with your team"}
+                  </Text>
+                  <SuperCopyButton
+                    value={`${window.location.origin}/logs/${run.id}`}
+                  />
+                </Group>
+                {hasAccess(user.role, "logs", "update") && (
+                  <Switch
+                    label={
+                      <Text size="sm" mr="sm">
+                        Make public
+                      </Text>
                     }
-                  }}
-                />
-              )}
-            </Group>
-          )}
-
-          <Card withBorder radius="md">
-            <Group justify="space-between" align="start">
-              <Stack gap="xs">
-                <ParamItem
-                  name="Model"
-                  value={run.name}
-                  render={(value) => (
-                    <Badge variant="light" tt="none" color="blue">
-                      {value}
-                    </Badge>
-                  )}
-                />
-
-                {PARAMS.map(
-                  ({ key, name, render }) =>
-                    typeof run.params?.[key] !== "undefined" && (
-                      <ParamItem
-                        key={key}
-                        name={name}
-                        color="grey"
-                        value={run.params?.[key].toString()}
-                        render={render}
-                      />
-                    ),
-                )}
+                    checked={run.isPublic}
+                    color={run.isPublic ? "red" : "blue"}
+                    onChange={async (e) => {
+                      const checked = e.currentTarget.checked as boolean
+                      update({ ...run, isPublic: checked })
+                      if (checked) {
+                        const url = `${window.location.origin}/logs/${run.id}`
+                        await navigator.clipboard.writeText(url)
 
-                {run.tags?.length > 0 && (
-                  <ParamItem name="Tags" value={run.tags} />
+                        notifications.show({
+                          top: 100,
+                          title: "Run is now public",
+                          message: "Link copied to clipboard",
+                        })
+                      }
+                    }}
+                  />
                 )}
+              </Group>
+            )}
 
-                {Object.keys(run.metadata || {}).map((key) => (
+            <Card withBorder radius="md">
+              <Group justify="space-between" align="start">
+                <Stack gap="xs">
                   <ParamItem
-                    key={key}
-                    name={key}
-                    color="blue"
-                    value={run.metadata?.[key]}
-                    render={(value) =>
-                      typeof value === "string" ? (
-                        <CopyText ml={0} value={value.toString()} />
-                      ) : (
-                        value.toString()
-                      )
-                    }
+                    name="Model"
+                    value={run.name}
+                    render={(value) => (
+                      <Badge variant="light" tt="none" color="blue">
+                        {value}
+                      </Badge>
+                    )}
                   />
-                ))}
-              </Stack>
 
-              {canEnablePlayground && (
-                <Stack>
-                  <Button
-                    variant="outline"
-                    size="xs"
-                    w="fit-content"
-                    display="inline"
-                    rightSection={<IconPencilShare size="14" />}
-                    component={Link}
-                    href={`/prompts/${
-                      run.templateVersionId || `?clone=` + run.id
-                    }`}
-                  >
-                    {run.templateVersionId
-                      ? "Open template"
-                      : "Open in playground"}
-                  </Button>
+                  {PARAMS.map(
+                    ({ key, name, render }) =>
+                      typeof run.params?.[key] !== "undefined" && (
+                        <ParamItem
+                          key={key}
+                          name={name}
+                          color="grey"
+                          value={run.params?.[key]}
+                          render={render}
+                        />
+                      ),
+                  )}
+
+                  {run.tags?.length > 0 && (
+                    <ParamItem name="Tags" value={run.tags} />
+                  )}
+
+                  {Object.keys(run.metadata || {}).map((key) => (
+                    <ParamItem
+                      key={key}
+                      name={key}
+                      color="blue"
+                      value={run.metadata?.[key]}
+                      render={(value) =>
+                        typeof value === "string" ? (
+                          <CopyText ml={0} value={value.toString()} />
+                        ) : (
+                          value.toString()
+                        )
+                      }
+                    />
+                  ))}
                 </Stack>
-              )}
-            </Group>
-          </Card>
-        </>
-      )}
 
-      <Group justify="space-between">
-        <Text fw="bold" size="sm">
-          Input
-        </Text>
-        {run?.tokens?.prompt && <TokensBadge tokens={run.tokens?.prompt} />}
-      </Group>
+                {canEnablePlayground && (
+                  <Stack>
+                    <Button
+                      variant="outline"
+                      size="xs"
+                      w="fit-content"
+                      display="inline"
+                      rightSection={<IconPencilShare size="14" />}
+                      component={Link}
+                      href={`/prompts/${
+                        run.templateVersionId || `?clone=` + run.id
+                      }`}
+                    >
+                      {run.templateVersionId
+                        ? "Open template"
+                        : "Open in playground"}
+                    </Button>
+                  </Stack>
+                )}
+              </Group>
+            </Card>
+          </>
+        )}
 
-      <SmartViewer data={run?.input} />
+        <Group justify="space-between">
+          <Text fw="bold" size="sm">
+            Input
+          </Text>
+          {run?.tokens?.prompt && <TokensBadge tokens={run.tokens?.prompt} />}
+        </Group>
 
-      {(run?.output || run?.error) && (
-        <>
-          <Group justify="space-between">
-            <Text fw="bold" size="sm">
-              {run.error
-                ? "Error"
-                : run.type === "retriever"
-                  ? "Documents"
-                  : "Output"}
-            </Text>
-            {run.tokens?.completion && (
-              <TokensBadge tokens={run.tokens?.completion} />
-            )}
-          </Group>
-          <SmartViewer data={run.output} error={run.error} />
-        </>
-      )}
-    </Stack>
+        <SmartViewer data={run?.input} />
+
+        {(run?.output || run?.error) && (
+          <>
+            <Group justify="space-between">
+              <Text fw="bold" size="sm">
+                {run.error
+                  ? "Error"
+                  : run.type === "retriever"
+                    ? "Documents"
+                    : "Output"}
+              </Text>
+              {run.tokens?.completion && (
+                <TokensBadge tokens={run.tokens?.completion} />
+              )}
+            </Group>
+            <SmartViewer data={run.output} error={run.error} />
+          </>
+        )}
+      </Stack>
+    </ErrorBoundary>
   )
 }
diff --git a/packages/frontend/pages/login.tsx b/packages/frontend/pages/login.tsx
index 68bcc4fc..4499d673 100644
--- a/packages/frontend/pages/login.tsx
+++ b/packages/frontend/pages/login.tsx
@@ -55,6 +55,14 @@ function LoginPage() {
 
       if (method === "password") {
         setStep("password")
+
+        // if autofilled, submit the form
+        if (form.values.password) {
+          await handleLoginWithPassword({
+            email,
+            password: form.values.password,
+          })
+        }
       } else if (method === "saml") {
         setSsoURI(redirect)
         setStep("saml")