{modelConfig.label}

{modelConfig.description}

Basic Configuration

Compute Name

Session ID

Policy Path

HuggingFace model path or local model identifier

Camera Names

Comma-separated camera names

{#if modelConfig.requiresLanguageInstruction}

Language Instruction

<p class="text-xs text-slate-600 dark:text-slate-400">
									Natural language instruction for the task (required for {modelConfig.label})
								</p>
							</div>
						{/if}
					</div>
				</Card.Content>
			</Card.Root>

<div
				class="rounded-lg border border-blue-300/30 bg-blue-100/20 p-3 dark:border-blue-500/30 dark:bg-blue-900/20"
			>
				<div class="flex items-center gap-2">
					<span class="icon-[mdi--folder] size-4 text-blue-600 dark:text-blue-400"></span>
					<span class="text-sm font-medium text-blue-700 dark:text-blue-300">
						Workspace: {workspaceId}
					</span>
				</div>
				<p class="mt-1 text-xs text-blue-600 dark:text-blue-400">
					The model will be deployed in the current workspace with dedicated communication rooms
				</p>
			</div>

<div class="flex gap-3">
				<Button
					variant="outline"
					onclick={() => (open = false)}
					class="flex-1"
					disabled={isCreating}
				>
					Cancel
				</Button>
				<Button
					variant="default"
					onclick={handleCreateModel}
					disabled={isCreating || !sessionId.trim() || !policyPath.trim() || !computeName.trim()}
					class="flex-1 bg-purple-500 hover:bg-purple-600 disabled:opacity-50 dark:bg-purple-600 dark:hover:bg-purple-700"
				>
					{#if isCreating}
						<span class="icon-[mdi--loading] mr-2 size-4 animate-spin"></span>
						Creating {modelConfig.label}...
					{:else}
						<span class="icon-[mdi--rocket-launch] mr-2 size-4"></span>
						Create {modelConfig.label}
					{/if}
				</Button>
			</div>

<div
				class="rounded border border-slate-300 bg-slate-100/30 p-2 text-xs text-slate-600 dark:border-slate-700 dark:bg-slate-800/30 dark:text-slate-500"
			>
				<span class="icon-[mdi--information] mr-1 size-3"></span>
				This will create a complete AI model setup with inference session, communication rooms, and a
				3D representation ready for connections.
			</div>
		</div>
	</Dialog.Content>
</Dialog.Root>