Fix editor and consolidate file upload widget

src/lib/components/gradio/app/Column.svelte

@@ -0,0 +1,58 @@
+<script lang="ts">
+	import { create_classes } from "@gradio/utils";
+	import type { Styles } from "@gradio/utils";
+
+	export let scale: number = 1;
+	export let min_width: number = 0;
+	export let elem_id: string = "";
+	export let elem_classes: Array<string> = [];
+	export let visible: boolean = true;
+	export let variant: "default" | "panel" | "compact" = "default";
+	export let style: Styles = {};
+</script>
+
+<div
+	id={elem_id}
+	class={elem_classes.join(" ")}
+	class:gap={style.gap !== false}
+	class:compact={variant === "compact"}
+	class:panel={variant === "panel"}
+	class:hide={!visible}
+	style={`min-width: min(${min_width}px, 100%); flex-grow: ${scale}`}
+>
+	<slot />
+</div>
+
+<style>
+	div {
+		display: flex;
+		position: relative;
+		flex-direction: column;
+	}
+
+	div > :global(*),
+	div > :global(.form > *) {
+		width: var(--size-full);
+	}
+
+	.gap {
+		gap: var(--layout-gap);
+	}
+
+	.hide {
+		display: none;
+	}
+
+	.compact > :global(*),
+	.compact :global(.box) {
+		border-radius: 0;
+	}
+
+	.compact,
+	.panel {
+		border: solid var(--panel-border-width) var(--panel-border-color);
+		border-radius: var(--container-radius);
+		background: var(--panel-background-fill);
+		padding: var(--spacing-lg);
+	}
+</style>

src/lib/components/gradio/app/Row.svelte

@@ -0,0 +1,60 @@
+<script lang="ts">
+	import type { Styles } from "@gradio/utils";
+
+	export let style: Styles = {};
+	export let elem_id: string;
+	export let elem_classes: Array<string> = [];
+	export let visible: boolean = true;
+	export let variant: "default" | "panel" | "compact" = "default";
+    export let min_width: string = "160px";
+</script>
+
+<div
+	class:compact={variant === "compact"}
+	class:panel={variant === "panel"}
+	class:unequal-height={style.equal_height === false}
+	class:stretch={style.equal_height}
+	class:hide={!visible}
+	id={elem_id}
+	class={elem_classes.join(" ")}
+    style="--row-min-width: {min_width}"
+>
+	<slot />
+</div>
+
+<style>
+	div {
+		display: flex;
+		flex-wrap: wrap;
+		gap: var(--layout-gap);
+		width: var(--size-full);
+	}
+
+	.hide {
+		display: none;
+	}
+	.compact > :global(*),
+	.compact :global(.box) {
+		border-radius: 0;
+	}
+	.compact,
+	.panel {
+		border-radius: var(--container-radius);
+		background: var(--background-fill-secondary);
+		padding: var(--size-2);
+	}
+	.unequal-height {
+		align-items: flex-start;
+	}
+
+	.stretch {
+		align-items: stretch;
+	}
+
+	div > :global(*),
+	div > :global(.form > *) {
+		flex: 1 1 0%;
+		flex-wrap: wrap;
+		min-width: min(--row-min-width, 100%);
+	}
+</style>