Podman Desktop is an open source graphical tool enabling you to seamlessly work with containers and Kubernetes from your local environment.
-Build, run and manage containers:
--
-
- Build images from Containerfile or Dockerfile. -
- Pull images from remote registries. -
- Start, Stop, Restart containers and pods. -
- Easily get a terminal in your container. -
- Inspect container logs. -
- Push images to OCI registries. -
- Deploy and test images on Kubernetes. -
Multiple configuration options
--
-
- Manage OCI registries; add, edit, or delete registries. -
- Configure your proxy settings (work in progress.) -
- Configure CPU, memory, and disk of Podman machines (work in progress.) -
- Handle multiple container engines at the same time (Podman, Docker, Lima...) -
You can also bring new features with Podman Desktop plug-ins or Docker Desktop extensions.
- 
-
- 
-
+
diff --git a/packages/renderer/src/lib/chat/components/NoModelsAvailable.svelte b/packages/renderer/src/lib/chat/components/NoModelsAvailable.svelte
new file mode 100644
index 0000000000..d6a5a23f0d
--- /dev/null
+++ b/packages/renderer/src/lib/chat/components/NoModelsAvailable.svelte
@@ -0,0 +1,23 @@
+
+
+The following MCPs are required to use this suggestion:
+-
+ {#each mcpsToInstall as mcp (mcp.serverId)}
+
- + + + {/each} +
+
diff --git a/packages/renderer/src/lib/chat/components/app-sidebar.svelte b/packages/renderer/src/lib/chat/components/app-sidebar.svelte
new file mode 100644
index 0000000000..529ef89b19
--- /dev/null
+++ b/packages/renderer/src/lib/chat/components/app-sidebar.svelte
@@ -0,0 +1,66 @@
+
+
+{#if context.open}
+No AI Models Available
+You need to configure at least one AI model to start chatting.
+ + {#each $providerInfos as providerInfo (providerInfo.id)} + {#if providerInfo.inferenceProviderConnectionCreation} +
+
+
+ {/if}
+ {/each}
+
+ {
+ context.setOpenMobile(false);
+ }}
+ class="flex flex-row items-center gap-3"
+ >
+
+ Chatbot
+
+
+
+
+ {#snippet child({ props })}
+
+ {/snippet}
+
+ New Chat
+
+
+
+
+ {#if noMcps}
+
+ {/if}
+
+
+
+
+
+
+ {/if}
+
+ {#if hasModels}
+
+
+
+
diff --git a/packages/renderer/src/lib/chat/components/code-block.svelte b/packages/renderer/src/lib/chat/components/code-block.svelte
new file mode 100644
index 0000000000..e2ba7fb974
--- /dev/null
+++ b/packages/renderer/src/lib/chat/components/code-block.svelte
@@ -0,0 +1,31 @@
+
+
+{#if inline}
+
+ {#if hasModels}
+
+
+
+
+ {@render children?.()}
+
+{:else}
+
+
+{/if}
diff --git a/packages/renderer/src/lib/chat/components/icons/PenToSquareIcon.svelte b/packages/renderer/src/lib/chat/components/icons/PenToSquareIcon.svelte
new file mode 100644
index 0000000000..2f40e860cc
--- /dev/null
+++ b/packages/renderer/src/lib/chat/components/icons/PenToSquareIcon.svelte
@@ -0,0 +1,12 @@
+
+
+
+ {@render children?.()}
+
+ -
+ {@render children?.()}
+
-
+ {@render children?.()}
+
+ {@render children?.()} +
+ {/snippet} + {#snippet h2(props)} + {@const { children, ...rest } = props} ++ {@render children?.()} +
+ {/snippet} + {#snippet h3(props)} + {@const { children, ...rest } = props} ++ {@render children?.()} +
+ {/snippet} + {#snippet h4(props)} + {@const { children, ...rest } = props} ++ {@render children?.()} +
+ {/snippet} + {#snippet h5(props)} + {@const { children, ...rest } = props} ++ {@render children?.()} +
+ {/snippet} + {#snippet h6(props)} + {@const { children, ...rest } = props} ++ {@render children?.()} +
+ {/snippet} + {#snippet code(props)} +
+
+{:else}
+
+
+
+
+
+
+
+ MCP
+
+ {#if toolsPerMessage.length === 0}
+
+No MCP activity yet.
+ {:else}
+
+ {#each toolsPerMessage as entry (entry.id)}
+
+ {/if}
+
+
+ {/each}
+
+
+
+{/if}
diff --git a/packages/renderer/src/lib/chat/components/mcp-selector.svelte b/packages/renderer/src/lib/chat/components/mcp-selector.svelte
new file mode 100644
index 0000000000..9f85f3664c
--- /dev/null
+++ b/packages/renderer/src/lib/chat/components/mcp-selector.svelte
@@ -0,0 +1,86 @@
+
+
+
+
+
+ {mcpRemoteServerInfo.name}
+
+
+
+ {#if loading}
+
diff --git a/packages/renderer/src/lib/chat/components/messages.svelte b/packages/renderer/src/lib/chat/components/messages.svelte
new file mode 100644
index 0000000000..2403a4108c
--- /dev/null
+++ b/packages/renderer/src/lib/chat/components/messages.svelte
@@ -0,0 +1,65 @@
+
+
+
+
+ {:else}
+ Reasoning
+
+
+
+
+ {/if}
+
+ {#if expanded}
+ Reasoned for a few seconds
+
+
+ {
+ expanded = !expanded;
+ }}
+ >
+
+
+
+ {/if}
+
+ {#if mounted && messages.length === 0}
+
diff --git a/packages/renderer/src/lib/chat/components/messages/ExportIcon.svelte b/packages/renderer/src/lib/chat/components/messages/ExportIcon.svelte
new file mode 100644
index 0000000000..b1208da9e9
--- /dev/null
+++ b/packages/renderer/src/lib/chat/components/messages/ExportIcon.svelte
@@ -0,0 +1,12 @@
+
+
+
+
diff --git a/packages/renderer/src/lib/chat/components/messages/preview-message.svelte b/packages/renderer/src/lib/chat/components/messages/preview-message.svelte
new file mode 100644
index 0000000000..f41c4e1cea
--- /dev/null
+++ b/packages/renderer/src/lib/chat/components/messages/preview-message.svelte
@@ -0,0 +1,165 @@
+
+
+
diff --git a/packages/renderer/src/lib/chat/components/messages/thinking-message.svelte b/packages/renderer/src/lib/chat/components/messages/thinking-message.svelte
new file mode 100644
index 0000000000..9cca02b153
--- /dev/null
+++ b/packages/renderer/src/lib/chat/components/messages/thinking-message.svelte
@@ -0,0 +1,27 @@
+
+
+
diff --git a/packages/renderer/src/lib/chat/components/messages/tool-parts.spec.ts b/packages/renderer/src/lib/chat/components/messages/tool-parts.spec.ts
new file mode 100644
index 0000000000..26fe3f2062
--- /dev/null
+++ b/packages/renderer/src/lib/chat/components/messages/tool-parts.spec.ts
@@ -0,0 +1,167 @@
+/**********************************************************************
+ * Copyright (C) 2025 Red Hat, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ ***********************************************************************/
+import '@testing-library/jest-dom/vitest';
+
+import { render, screen } from '@testing-library/svelte';
+import userEvent from '@testing-library/user-event';
+import type { DynamicToolUIPart } from 'ai';
+import { describe, expect, test, vi } from 'vitest';
+
+import ToolParts from './tool-parts.svelte';
+
+function matches(content: string, val: unknown): boolean {
+ try {
+ return JSON.stringify(JSON.parse(content)) === JSON.stringify(val);
+ } catch (e: unknown) {
+ return false;
+ }
+}
+
+vi.mock('svelte/transition', () => ({
+ slide: (): { delay: number; duration: number } => ({
+ delay: 0,
+ duration: 0,
+ }),
+}));
+
+describe('tool-parts.svelte', () => {
+ test('renders tool sections collapsed by default and toggles to show input/output details', async () => {
+ const tools: Array
+
+
+
+ {#each tools as tool (tool.toolCallId)}
+
+
diff --git a/packages/renderer/src/lib/chat/components/model-info.ts b/packages/renderer/src/lib/chat/components/model-info.ts
new file mode 100644
index 0000000000..5173a74b72
--- /dev/null
+++ b/packages/renderer/src/lib/chat/components/model-info.ts
@@ -0,0 +1,23 @@
+/**********************************************************************
+ * Copyright (C) 2025 Red Hat, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ ***********************************************************************/
+
+export interface ModelInfo {
+ providerId: string;
+ connectionName: string;
+ label: string;
+}
diff --git a/packages/renderer/src/lib/chat/components/model-selector.svelte b/packages/renderer/src/lib/chat/components/model-selector.svelte
new file mode 100644
index 0000000000..c112b0f50f
--- /dev/null
+++ b/packages/renderer/src/lib/chat/components/model-selector.svelte
@@ -0,0 +1,97 @@
+
+
+
+
+
+
+ {#if expanded.has(tool.toolCallId)}
+ {tool.toolName}
+
+
+
+
+
+ Input
+
+ {/if}
+
+ {/each}
+
+ {JSON.stringify(tool.input, null, 2)}
+
+
+ Output
+ {#if isMcpCallToolResult(tool.output)}
+ {#if isRecord(tool.output) && 'isError' in tool.output && tool.output.isError}
+ MCP reported an error
+ {/if}
+
+ {#if isRecord(tool.output) && Array.isArray(tool.output.content)}
+
+ {#each tool.output.content as item, idx (idx)}
+ {#if isMcpTextContent(item)}
+
+ {:else if isRecord(tool.output) && 'toolResult' in tool.output}
+
+
+ {:else if isMcpImageContent(item)}
+ Text
+ {formatText(item.text)}
+
+ 
+
+ {:else if isMcpResourceContent(item)}
+ Image ({item.mimeType})
+
+
+ {:else}
+ Resource
+ URI: {item.resource.uri}
+ {#if item.resource.mimeType}
+ MIME: {item.resource.mimeType}
+ {/if}
+ {#if 'text' in item.resource && item.resource.text}
+
+
+ {:else if 'blob' in item.resource && item.resource.blob}
+ Text
+ {formatText(item.resource.text)}
+ Binary blob provided.
+ {/if}
+ {JSON.stringify(item, null, 2)}
+ {/if}
+ {/each}
+
+ {JSON.stringify(tool.output.toolResult, null, 2)}
+
+ {:else}
+
+ {JSON.stringify(tool.output, null, 2)}
+
+ {/if}
+ {:else}
+
+ {JSON.stringify(tool.output, null, 2)}
+
+ {/if}
+
+
+
+ {model.label}
+
+
+
+ {#if mounted && chatClient.messages.length === 0 && attachments.length === 0}
+ ;
+type TooltipTriggerProps = ComponentProps;
+type TooltipProviderProps = ComponentProps;
+type TooltipContentProps = ComponentProps;
+
+export {
+ Content,
+ Portal,
+ Provider,
+ Root,
+ //
+ Root as Tooltip,
+ Content as TooltipContent,
+ type TooltipContentProps,
+ type TooltipProps,
+ Provider as TooltipProvider,
+ type TooltipProviderProps,
+ Trigger as TooltipTrigger,
+ type TooltipTriggerProps,
+ Trigger,
+};
diff --git a/packages/renderer/src/lib/chat/components/ui/tooltip/tooltip-content.svelte b/packages/renderer/src/lib/chat/components/ui/tooltip/tooltip-content.svelte
new file mode 100644
index 0000000000..a24ec168a5
--- /dev/null
+++ b/packages/renderer/src/lib/chat/components/ui/tooltip/tooltip-content.svelte
@@ -0,0 +1,48 @@
+
+
+
+
+ {@render children?.()}
+
+ {#snippet child({ props })}
+
+ {/snippet}
+
+
+
diff --git a/packages/renderer/src/lib/chat/components/ui/tooltip/tooltip-trigger.svelte b/packages/renderer/src/lib/chat/components/ui/tooltip/tooltip-trigger.svelte
new file mode 100644
index 0000000000..16086d4ef4
--- /dev/null
+++ b/packages/renderer/src/lib/chat/components/ui/tooltip/tooltip-trigger.svelte
@@ -0,0 +1,7 @@
+
+
+ (open = val)}>
+
+ {#snippet child({ props })}
+
+ {/snippet}
+
+
+
+ {#each visibilities as visibility (visibility.id)}
+ {
+ chatHistory.updateVisibility(chat.id, visibility.id).catch((err: unknown) => {
+ console.error('Failed to update chat visibility', err);
+ });
+ open = false;
+ }}
+ class="group/item flex flex-row items-center justify-between gap-4"
+ data-active={visibility.id === chatFromHistory?.visibility}
+ >
+
+ {/each}
+
+
diff --git a/packages/renderer/src/lib/chat/components/visibility-type.ts b/packages/renderer/src/lib/chat/components/visibility-type.ts
new file mode 100644
index 0000000000..a5620b0047
--- /dev/null
+++ b/packages/renderer/src/lib/chat/components/visibility-type.ts
@@ -0,0 +1 @@
+export type VisibilityType = 'private' | 'public';
diff --git a/packages/renderer/src/lib/chat/hooks/chat-history.svelte.ts b/packages/renderer/src/lib/chat/hooks/chat-history.svelte.ts
new file mode 100644
index 0000000000..11af58b253
--- /dev/null
+++ b/packages/renderer/src/lib/chat/hooks/chat-history.svelte.ts
@@ -0,0 +1,75 @@
+import { getContext, setContext } from 'svelte';
+import { toast } from 'svelte-sonner';
+
+import type { VisibilityType } from '/@/lib/chat/components/visibility-type';
+import type { Chat } from '/@api/chat/schema.js';
+
+const contextKey = Symbol('ChatHistory');
+
+export class ChatHistory {
+ #loading = $state(false);
+ #revalidating = $state(false);
+ chats = $state([]);
+
+ get loading(): boolean {
+ return this.#loading;
+ }
+
+ get revalidating(): boolean {
+ return this.#revalidating;
+ }
+
+ constructor(chatsPromise: Promise) {
+ this.#loading = true;
+ this.#revalidating = true;
+ chatsPromise
+ .then(chats => (this.chats = chats))
+ .finally(() => {
+ this.#loading = false;
+ this.#revalidating = false;
+ })
+ .catch((error: unknown) => {
+ console.error('Failed to load chat history', error);
+ });
+ }
+
+ getChatDetails = (chatId: string): Chat | undefined => {
+ return this.chats.find(c => c.id === chatId);
+ };
+
+ updateVisibility = async (chatId: string, visibility: VisibilityType): Promise => {
+ const chat = this.chats.find(c => c.id === chatId);
+ if (chat) {
+ chat.visibility = visibility;
+ }
+ const res = await fetch('/api/chat/visibility', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({ chatId, visibility }),
+ });
+ if (!res.ok) {
+ toast.error('Failed to update chat visibility');
+ // try reloading data from source in case another competing mutation caused an issue
+ await this.refetch();
+ }
+ };
+
+ setContext(): void {
+ setContext(contextKey, this);
+ }
+
+ async refetch(): Promise {
+ this.#revalidating = true;
+ try {
+ this.chats = await window.inferenceGetChats();
+ } finally {
+ this.#revalidating = false;
+ }
+ }
+
+ static fromContext(): ChatHistory {
+ return getContext(contextKey);
+ }
+}
diff --git a/packages/renderer/src/lib/chat/hooks/is-mobile.svelte.ts b/packages/renderer/src/lib/chat/hooks/is-mobile.svelte.ts
new file mode 100644
index 0000000000..8742f9f805
--- /dev/null
+++ b/packages/renderer/src/lib/chat/hooks/is-mobile.svelte.ts
@@ -0,0 +1,9 @@
+import { MediaQuery } from 'svelte/reactivity';
+
+import { BREAKPOINTS } from '/@/lib/chat/utils/constants';
+
+export class IsMobile extends MediaQuery {
+ constructor() {
+ super(`max-width: ${BREAKPOINTS.md.value - 1}${BREAKPOINTS.md.unit}`);
+ }
+}
diff --git a/packages/renderer/src/lib/chat/hooks/local-storage.svelte.ts b/packages/renderer/src/lib/chat/hooks/local-storage.svelte.ts
new file mode 100644
index 0000000000..0fb61a7cc9
--- /dev/null
+++ b/packages/renderer/src/lib/chat/hooks/local-storage.svelte.ts
@@ -0,0 +1,39 @@
+/* eslint-disable import/no-duplicates */
+import { on } from 'svelte/events';
+import { createSubscriber } from 'svelte/reactivity';
+/* eslint-enable simple-import-sort/imports */
+
+export class LocalStorage {
+ #key: string;
+ #defaultValue: T;
+ #subscribe: () => void;
+
+ constructor(key: string, defaultValue: T) {
+ this.#key = key;
+ this.#defaultValue = defaultValue;
+
+ this.#subscribe = createSubscriber(update => {
+ const off = on(window, 'storage', event => {
+ if (event.key === this.#key) {
+ update();
+ }
+ });
+
+ return off;
+ });
+ }
+
+ get value(): T {
+ this.#subscribe();
+ const storedValue = localStorage.getItem(this.#key);
+ return storedValue === null ? this.#defaultValue : JSON.parse(storedValue);
+ }
+
+ set value(v: T) {
+ localStorage.setItem(this.#key, JSON.stringify(v));
+ }
+
+ delete(): void {
+ localStorage.removeItem(this.#key);
+ }
+}
diff --git a/packages/renderer/src/lib/chat/hooks/lock.ts b/packages/renderer/src/lib/chat/hooks/lock.ts
new file mode 100644
index 0000000000..ba20e0fc35
--- /dev/null
+++ b/packages/renderer/src/lib/chat/hooks/lock.ts
@@ -0,0 +1,17 @@
+import { getContext, setContext } from 'svelte';
+
+export class Lock {
+ locked = false;
+}
+
+const lockKey = (key: string): symbol => Symbol.for(`lock:${key}`);
+
+export function getLock(key: string): Lock {
+ const k = lockKey(key);
+ let lock = getContext(k);
+ if (!lock) {
+ lock = new Lock();
+ setContext(k, lock);
+ }
+ return lock;
+}
diff --git a/packages/renderer/src/lib/chat/hooks/selected-model.svelte.ts b/packages/renderer/src/lib/chat/hooks/selected-model.svelte.ts
new file mode 100644
index 0000000000..a710170227
--- /dev/null
+++ b/packages/renderer/src/lib/chat/hooks/selected-model.svelte.ts
@@ -0,0 +1,14 @@
+import { SynchronizedCookie } from '/@/lib/chat/utils/reactivity.svelte';
+
+/**
+ * @deprecated
+ */
+export class SelectedModel extends SynchronizedCookie {
+ constructor(value: string) {
+ super('selected-model', value);
+ }
+
+ static fromContext(): SelectedModel {
+ return super.fromContext('selected-model');
+ }
+}
diff --git a/packages/renderer/src/lib/chat/route/CustomChat.svelte b/packages/renderer/src/lib/chat/route/CustomChat.svelte
new file mode 100644
index 0000000000..2ec0c8b6dd
--- /dev/null
+++ b/packages/renderer/src/lib/chat/route/CustomChat.svelte
@@ -0,0 +1,57 @@
+
+
+{#if selectedChatModel}
+
+ {@render children?.()}
+
diff --git a/packages/renderer/src/lib/chat/route/main-chat-layout.svelte b/packages/renderer/src/lib/chat/route/main-chat-layout.svelte
new file mode 100644
index 0000000000..9b8baf3b15
--- /dev/null
+++ b/packages/renderer/src/lib/chat/route/main-chat-layout.svelte
@@ -0,0 +1,12 @@
+
+
+
+
diff --git a/packages/renderer/src/lib/chat/state/current-chat-id.svelte.ts b/packages/renderer/src/lib/chat/state/current-chat-id.svelte.ts
new file mode 100644
index 0000000000..fa14f347c5
--- /dev/null
+++ b/packages/renderer/src/lib/chat/state/current-chat-id.svelte.ts
@@ -0,0 +1 @@
+export const currentChatId = $state<{ value: string | undefined }>({ value: undefined });
diff --git a/packages/renderer/src/lib/chat/state/flow-creation-data.svelte.ts b/packages/renderer/src/lib/chat/state/flow-creation-data.svelte.ts
new file mode 100644
index 0000000000..d0a5469aca
--- /dev/null
+++ b/packages/renderer/src/lib/chat/state/flow-creation-data.svelte.ts
@@ -0,0 +1,15 @@
+import type { ModelInfo } from '/@/lib/chat/components/model-info';
+import type { FlowGenerationParameters } from '/@api/chat/flow-generation-parameters-schema';
+import type { MCPRemoteServerInfo } from '/@api/mcp/mcp-server-info';
+
+export interface FlowCreationData extends FlowGenerationParameters {
+ model: ModelInfo;
+ mcp: MCPRemoteServerInfo[];
+}
+
+/**
+ * A state to temporarily hold the data for a new flow
+ * when navigating from a chat session to the creation page.
+ * It's set to `undefined` after being read to prevent stale data.
+ */
+export const flowCreationData = $state<{ value: FlowCreationData | undefined }>({ value: undefined });
diff --git a/packages/renderer/src/lib/chat/state/sidebar-collapsed.svelte.ts b/packages/renderer/src/lib/chat/state/sidebar-collapsed.svelte.ts
new file mode 100644
index 0000000000..04634223a9
--- /dev/null
+++ b/packages/renderer/src/lib/chat/state/sidebar-collapsed.svelte.ts
@@ -0,0 +1 @@
+export const sidebarCollapsed = $state({ value: true });
diff --git a/packages/renderer/src/lib/chat/utils/chat.ts b/packages/renderer/src/lib/chat/utils/chat.ts
new file mode 100644
index 0000000000..a27e393693
--- /dev/null
+++ b/packages/renderer/src/lib/chat/utils/chat.ts
@@ -0,0 +1,53 @@
+import type { Attachment } from '@ai-sdk/ui-utils';
+import type { AssistantModelMessage, FileUIPart, ToolModelMessage, UIMessage } from 'ai';
+
+import type { Document, Message } from '/@api/chat/schema.js';
+
+export function convertToUIMessages(messages: Array): Array {
+ return messages.map(message => ({
+ id: message.id,
+ parts: message.parts as UIMessage['parts'],
+ role: message.role as UIMessage['role'],
+ // Note: content will soon be deprecated in @ai-sdk/react
+ content: '',
+ createdAt: message.createdAt,
+ experimental_attachments: (message.attachments as Array) ?? [],
+ }));
+}
+
+export function getMostRecentUserMessage(messages: Array): UIMessage | undefined {
+ const userMessages = messages.filter(message => message.role === 'user');
+ return userMessages.at(-1);
+}
+
+export function getDocumentTimestampByIndex(documents: Array, index: number): Date {
+ if (!documents) {
+ return new Date();
+ }
+ if (index > documents.length) {
+ return new Date();
+ }
+
+ return documents[index].createdAt;
+}
+
+type ResponseMessageWithoutId = ToolModelMessage | AssistantModelMessage;
+type ResponseMessage = ResponseMessageWithoutId & { id: string };
+
+export function getTrailingMessageId({ messages }: { messages: Array }): string | null {
+ const trailingMessage = messages.at(-1);
+
+ if (!trailingMessage) {
+ return null;
+ }
+
+ return trailingMessage.id;
+}
+
+export function fileUIPart2Attachment(part: FileUIPart): Attachment {
+ return {
+ name: part.filename ?? part.url.substring(part.url.lastIndexOf('/') + 1),
+ contentType: part.mediaType,
+ url: part.url,
+ };
+}
diff --git a/packages/renderer/src/lib/chat/utils/constants.ts b/packages/renderer/src/lib/chat/utils/constants.ts
new file mode 100644
index 0000000000..62bb23adb2
--- /dev/null
+++ b/packages/renderer/src/lib/chat/utils/constants.ts
@@ -0,0 +1,24 @@
+export const BREAKPOINTS = {
+ sm: {
+ unit: 'px',
+ value: 640,
+ },
+ md: {
+ unit: 'px',
+ value: 768,
+ },
+ lg: {
+ unit: 'px',
+ value: 1024,
+ },
+ xl: {
+ unit: 'px',
+ value: 1280,
+ },
+ '2xl': {
+ unit: 'px',
+ value: 1536,
+ },
+} as const;
+
+export const allowAnonymousChats = true;
diff --git a/packages/renderer/src/lib/chat/utils/reactivity.svelte.ts b/packages/renderer/src/lib/chat/utils/reactivity.svelte.ts
new file mode 100644
index 0000000000..61ef6d8209
--- /dev/null
+++ b/packages/renderer/src/lib/chat/utils/reactivity.svelte.ts
@@ -0,0 +1,53 @@
+import { getContext, setContext } from 'svelte';
+
+export class Box {
+ value = $state() as T;
+
+ constructor(value: T) {
+ this.value = value;
+ }
+}
+
+/**
+ * Expects there to be a route at `/api/synchronized-cookie/:key` that sets a cookie with the given key/value.
+ * That handler is responsible for validating the cookie value and setting the cookie with the given key.
+ * This uses fire-and-forget logic for setting the cookie, optimistically updating local state.
+ */
+export class SynchronizedCookie {
+ #contextKey: symbol;
+ #key: string;
+ #value = $state()!;
+
+ constructor(key: string, value: string) {
+ this.#key = key;
+ this.#value = value;
+ this.#contextKey = Symbol.for(`SynchronizedCookie:${key}`);
+ }
+
+ get key(): string {
+ return this.#key;
+ }
+
+ get value(): string {
+ return this.#value;
+ }
+
+ set value(v: string) {
+ fetch(`/api/synchronized-cookie/${this.#key}`, {
+ method: 'POST',
+ body: JSON.stringify({ value: v }),
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ }).catch(console.error);
+ this.#value = v;
+ }
+
+ setContext(): void {
+ setContext(this.#contextKey, this);
+ }
+
+ static fromContext(key: string): SynchronizedCookie {
+ return getContext(Symbol.for(`SynchronizedCookie:${key}`));
+ }
+}
diff --git a/packages/renderer/src/lib/chat/utils/shadcn.ts b/packages/renderer/src/lib/chat/utils/shadcn.ts
new file mode 100644
index 0000000000..f546a382ed
--- /dev/null
+++ b/packages/renderer/src/lib/chat/utils/shadcn.ts
@@ -0,0 +1,13 @@
+import { type ClassValue, clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+export function cn(...inputs: ClassValue[]): string {
+ return twMerge(clsx(inputs));
+}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type WithoutChild = T extends { child?: any } ? Omit : T;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type WithoutChildren = T extends { children?: any } ? Omit : T;
+export type WithoutChildrenOrChild = WithoutChildren>;
+export type WithElementRef = T & { ref?: U | null };
diff --git a/packages/renderer/src/lib/chat/utils/types.ts b/packages/renderer/src/lib/chat/utils/types.ts
new file mode 100644
index 0000000000..76c97ee0aa
--- /dev/null
+++ b/packages/renderer/src/lib/chat/utils/types.ts
@@ -0,0 +1,9 @@
+import type { Snippet } from 'svelte';
+
+export type WithElementRef = T & {
+ ref?: U | null;
+};
+
+export type WithElementRefAndChild = WithElementRef & {
+ child?: Snippet<[{ props: T }]>;
+};
diff --git a/packages/renderer/src/lib/compose/ComposeDetails.spec.ts b/packages/renderer/src/lib/compose/ComposeDetails.spec.ts
index 0eac31e926..2dd6324090 100644
--- a/packages/renderer/src/lib/compose/ComposeDetails.spec.ts
+++ b/packages/renderer/src/lib/compose/ComposeDetails.spec.ts
@@ -18,7 +18,7 @@
import '@testing-library/jest-dom/vitest';
-import type { ContainerInspectInfo } from '@podman-desktop/api';
+import type { ContainerInspectInfo } from '@kortex-app/api';
import { fireEvent, render, screen } from '@testing-library/svelte';
/* eslint-disable import/no-duplicates */
import { tick } from 'svelte';
diff --git a/packages/renderer/src/lib/container/ContainerExport.spec.ts b/packages/renderer/src/lib/container/ContainerExport.spec.ts
index 9c400e4d4c..9e7ff2bf49 100644
--- a/packages/renderer/src/lib/container/ContainerExport.spec.ts
+++ b/packages/renderer/src/lib/container/ContainerExport.spec.ts
@@ -18,7 +18,7 @@
import '@testing-library/jest-dom/vitest';
-import type { Uri } from '@podman-desktop/api';
+import type { Uri } from '@kortex-app/api';
import { render, screen } from '@testing-library/svelte';
import userEvent from '@testing-library/user-event';
import { tick } from 'svelte';
diff --git a/packages/renderer/src/lib/container/ContainerInfoUI.ts b/packages/renderer/src/lib/container/ContainerInfoUI.ts
index b309aa05d8..11b62f266f 100644
--- a/packages/renderer/src/lib/container/ContainerInfoUI.ts
+++ b/packages/renderer/src/lib/container/ContainerInfoUI.ts
@@ -16,7 +16,7 @@
* SPDX-License-Identifier: Apache-2.0
***********************************************************************/
-import type { Port } from '@podman-desktop/api';
+import type { Port } from '@kortex-app/api';
// type of groups
export enum ContainerGroupInfoTypeUI {
diff --git a/packages/renderer/src/lib/container/CreateContainerFromExistingImage.spec.ts b/packages/renderer/src/lib/container/CreateContainerFromExistingImage.spec.ts
index 78eb21490b..243e689005 100644
--- a/packages/renderer/src/lib/container/CreateContainerFromExistingImage.spec.ts
+++ b/packages/renderer/src/lib/container/CreateContainerFromExistingImage.spec.ts
@@ -18,7 +18,7 @@
import '@testing-library/jest-dom/vitest';
-import type { ImageInfo, ProviderStatus } from '@podman-desktop/api';
+import type { ImageInfo, ProviderStatus } from '@kortex-app/api';
import { render, screen, waitFor, within } from '@testing-library/svelte';
import userEvent from '@testing-library/user-event';
import { tick } from 'svelte';
@@ -28,7 +28,7 @@ import { afterEach, beforeEach, describe, expect, test, vi } from 'vitest';
import { providerInfos } from '/@/stores/providers';
import type { ImageSearchResult } from '/@api/image-registry';
-import type { ProviderContainerConnectionInfo, ProviderInfo } from '/@api/provider-info';
+import { ProviderConnectionType, type ProviderContainerConnectionInfo, type ProviderInfo } from '/@api/provider-info';
import CreateContainerFromExistingImage from './CreateContainerFromExistingImage.svelte';
@@ -91,6 +91,7 @@ vi.mock('tinro', () => {
const pStatus: ProviderStatus = 'started';
const pInfo: ProviderContainerConnectionInfo = {
name: 'test',
+ connectionType: ProviderConnectionType.CONTAINER,
displayName: 'test',
status: 'started',
endpoint: {
diff --git a/packages/renderer/src/lib/container/container-utils.ts b/packages/renderer/src/lib/container/container-utils.ts
index 3726e2c06a..1634c36664 100644
--- a/packages/renderer/src/lib/container/container-utils.ts
+++ b/packages/renderer/src/lib/container/container-utils.ts
@@ -16,7 +16,7 @@
* SPDX-License-Identifier: Apache-2.0
***********************************************************************/
-import type { Port } from '@podman-desktop/api';
+import type { Port } from '@kortex-app/api';
import { ContainerIcon } from '@podman-desktop/ui-svelte/icons';
// eslint-disable-next-line unicorn/prefer-node-protocol
import { Buffer } from 'buffer';
diff --git a/packages/renderer/src/lib/context/contextKey.ts b/packages/renderer/src/lib/context/contextKey.ts
index b7d65dda0a..6e0d2343b1 100644
--- a/packages/renderer/src/lib/context/contextKey.ts
+++ b/packages/renderer/src/lib/context/contextKey.ts
@@ -28,7 +28,7 @@
/* eslint-disable sonarjs/single-character-alternation */
/* eslint-disable sonarjs/updated-loop-counter */
/* eslint-disable sonarjs/function-return-type */
-import type { Event } from '@podman-desktop/api';
+import type { Event } from '@kortex-app/api';
import type { IDisposable } from '/@api/disposable.js';
diff --git a/packages/renderer/src/lib/dashboard/DashboardPage.svelte b/packages/renderer/src/lib/dashboard/DashboardPage.svelte
index d2978cee2d..c213aca5e1 100644
--- a/packages/renderer/src/lib/dashboard/DashboardPage.svelte
+++ b/packages/renderer/src/lib/dashboard/DashboardPage.svelte
@@ -3,10 +3,8 @@ import { NavPage } from '@podman-desktop/ui-svelte';
import { SvelteMap } from 'svelte/reactivity';
import ProviderConfiguring from '/@/lib/dashboard/ProviderConfiguring.svelte';
-import ExtensionBanners from '/@/lib/recommendation/ExtensionBanners.svelte';
import { providerInfos } from '../../stores/providers';
-import LearningCenter from '../learning-center/LearningCenter.svelte';
import NotificationsBox from './NotificationsBox.svelte';
import ProviderConfigured from './ProviderConfigured.svelte';
import type { InitializationContext } from './ProviderInitUtils';
@@ -16,7 +14,6 @@ import ProviderNotInstalled from './ProviderNotInstalled.svelte';
import ProviderReady from './ProviderReady.svelte';
import ProviderStarting from './ProviderStarting.svelte';
import ProviderStopped from './ProviderStopped.svelte';
-import ReleaseNotesBox from './ReleaseNotesBox.svelte';
const providerInitContexts = new SvelteMap();
@@ -39,15 +36,16 @@ function getInitializationContext(id: string): InitializationContext {
}
-
+
{#snippet content()}
+ {#each attachments as attachment (attachment.url)}
+
+ {/if}
+
+
diff --git a/packages/renderer/src/lib/chat/components/ui/tooltip/index.ts b/packages/renderer/src/lib/chat/components/ui/tooltip/index.ts
new file mode 100644
index 0000000000..3fd33fb1ad
--- /dev/null
+++ b/packages/renderer/src/lib/chat/components/ui/tooltip/index.ts
@@ -0,0 +1,31 @@
+import { Tooltip as TooltipPrimitive } from 'bits-ui';
+import type { ComponentProps } from 'svelte';
+
+import Content from './tooltip-content.svelte';
+import Trigger from './tooltip-trigger.svelte';
+
+const Root = TooltipPrimitive.Root;
+const Provider = TooltipPrimitive.Provider;
+const Portal = TooltipPrimitive.Portal;
+
+type TooltipProps = ComponentProps
+ {visibility.label}
+
+
+ {visibility.description}
+
+
+
+
+
+ sidebarCollapsed.value = !open}>
+
+
+
+ {/await}
+
+
+{/if}
+
diff --git a/packages/renderer/src/lib/chat/route/chat-layout.svelte b/packages/renderer/src/lib/chat/route/chat-layout.svelte
new file mode 100644
index 0000000000..745b418aad
--- /dev/null
+++ b/packages/renderer/src/lib/chat/route/chat-layout.svelte
@@ -0,0 +1,16 @@
+
+
+
+
{#if providersReady.length > 0}
{#each providersReady as providerReady (providerReady.internalId)}
diff --git a/packages/renderer/src/lib/dashboard/NewContentOnDashboardBadge.spec.ts b/packages/renderer/src/lib/dashboard/NewContentOnDashboardBadge.spec.ts
index c99371e2d6..6acb062c42 100644
--- a/packages/renderer/src/lib/dashboard/NewContentOnDashboardBadge.spec.ts
+++ b/packages/renderer/src/lib/dashboard/NewContentOnDashboardBadge.spec.ts
@@ -17,7 +17,7 @@
***********************************************************************/
import '@testing-library/jest-dom/vitest';
-import type { ProviderStatus } from '@podman-desktop/api';
+import type { ProviderStatus } from '@kortex-app/api';
import { render, screen } from '@testing-library/svelte';
import { tick } from 'svelte';
import { router } from 'tinro';
@@ -26,7 +26,7 @@ import { expect, test } from 'vitest';
import { notificationQueue } from '/@/stores/notifications';
import { providerInfos } from '/@/stores/providers';
import type { NotificationCard } from '/@api/notification';
-import type { ProviderContainerConnectionInfo, ProviderInfo } from '/@api/provider-info';
+import { ProviderConnectionType, type ProviderContainerConnectionInfo, type ProviderInfo } from '/@api/provider-info';
import NewContentOnDashboardBadge from './NewContentOnDashboardBadge.svelte';
@@ -47,6 +47,7 @@ const notification1: NotificationCard = {
const pStatus: ProviderStatus = 'started';
const pInfo: ProviderContainerConnectionInfo = {
name: 'test',
+ connectionType: ProviderConnectionType.CONTAINER,
displayName: 'test',
status: 'started',
endpoint: {
diff --git a/packages/renderer/src/lib/dashboard/NotificationCardItem.spec.ts b/packages/renderer/src/lib/dashboard/NotificationCardItem.spec.ts
deleted file mode 100644
index 88c1d7f1f6..0000000000
--- a/packages/renderer/src/lib/dashboard/NotificationCardItem.spec.ts
+++ /dev/null
@@ -1,135 +0,0 @@
-/**********************************************************************
- * Copyright (C) 2023 Red Hat, Inc.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * SPDX-License-Identifier: Apache-2.0
- ***********************************************************************/
-import '@testing-library/jest-dom/vitest';
-
-import { faCircleExclamation, faCircleInfo, faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';
-import { fireEvent, render, screen } from '@testing-library/svelte';
-import { beforeAll, expect, test, vi } from 'vitest';
-
-import type { NotificationCard } from '/@api/notification';
-
-import NotificationCardItem from './NotificationCardItem.svelte';
-
-const removeNotificationMock = vi.fn();
-
-beforeAll(() => {
- Object.defineProperty(window, 'removeNotification', { value: removeNotificationMock });
-});
-
-test('Expect notification card to show notification title, description and close button', async () => {
- const notification: NotificationCard = {
- id: 1,
- extensionId: 'extension',
- title: 'title',
- body: 'description',
- type: 'info',
- };
- render(NotificationCardItem, {
- notification,
- });
-
- const titleDiv = screen.getByLabelText('Notification title');
- const descriptionDiv = screen.getByLabelText('Notification description');
- expect(titleDiv).toBeInTheDocument();
- expect(descriptionDiv).toBeInTheDocument();
- expect(titleDiv.textContent).toEqual('title');
- expect(descriptionDiv.textContent).toContain('description');
-
- const deleteButton = screen.getByRole('button', { name: 'Delete notification 1' });
- expect(deleteButton).toBeInTheDocument();
- expect(deleteButton).toHaveAttribute('title', 'Delete notification');
-
- await fireEvent.click(deleteButton);
-
- expect(removeNotificationMock).toBeCalled();
-});
-
-test('Test info notification style and icon', () => {
- const notification: NotificationCard = {
- id: 1,
- extensionId: 'extension',
- title: 'Info notification title',
- body: 'Info notification description',
- type: 'info',
- };
- const { getByTitle } = render(NotificationCardItem, {
- notification,
- });
- const iconTitle = getByTitle('Notification icon', { exact: false });
- const icon = iconTitle.parentElement;
- // check icon shape
- const pdIconPath = icon?.querySelector('path')?.getAttribute('d');
- const faIconPath = faCircleInfo.icon[4]; // index 4 is the actual path as per FA IconDefinition
- expect(pdIconPath).toBe(faIconPath);
- // check icon color
- expect(icon).toHaveClass('text-[var(--pd-state-info)]');
- // check icon title contains the text from nested title element
- expect(iconTitle.textContent).toBe('Notification icon - info');
- // check region top border
- expect(screen.getByRole('region', { name: 'id: 1' })).toHaveClass('border-[var(--pd-state-info)]');
-});
-
-test('Test warning notification style and icon', () => {
- const notification: NotificationCard = {
- id: 1,
- extensionId: 'extension',
- title: 'Warning notification title',
- body: 'Warning notification description',
- type: 'warn',
- };
- const { getByTitle } = render(NotificationCardItem, {
- notification,
- });
- const iconTitle = getByTitle('Notification icon', { exact: false });
- const icon = iconTitle.parentElement;
- // check icon shape
- const pdIconPath = icon?.querySelector('path')?.getAttribute('d');
- const faIconPath = faExclamationTriangle.icon[4]; // index 4 is the actual path as per FA IconDefinition
- expect(pdIconPath).toBe(faIconPath);
- // check icon color
- expect(icon).toHaveClass('text-[var(--pd-state-warning)]');
- // check icon title
- expect(iconTitle.textContent).toBe('Notification icon - warn');
- // check region top border
- expect(screen.getByRole('region', { name: 'id: 1' })).toHaveClass('border-[var(--pd-state-warning)]');
-});
-
-test('Test error notification style and icon', () => {
- const notification: NotificationCard = {
- id: 1,
- extensionId: 'extension',
- title: 'Error notification title',
- body: 'Error notification description',
- type: 'error',
- };
- const { getByTitle } = render(NotificationCardItem, {
- notification,
- });
- const iconTitle = getByTitle('Notification icon', { exact: false });
- const icon = iconTitle.parentElement;
- // check icon shape
- const pdIconPath = icon?.querySelector('path')?.getAttribute('d');
- const faIconPath = faCircleExclamation.icon[4]; // index 4 is the actual path as per FA IconDefinition
- expect(pdIconPath).toBe(faIconPath);
- // check icon color
- expect(icon).toHaveClass('text-[var(--pd-state-error)]');
- // check icon title
- expect(iconTitle.textContent).toBe('Notification icon - error');
- // check region top border
- expect(screen.getByRole('region', { name: 'id: 1' })).toHaveClass('border-[var(--pd-state-error)]');
-});
diff --git a/packages/renderer/src/lib/dashboard/ProviderCard.spec.ts b/packages/renderer/src/lib/dashboard/ProviderCard.spec.ts
index ab3f9df2c6..2e1c248b30 100644
--- a/packages/renderer/src/lib/dashboard/ProviderCard.spec.ts
+++ b/packages/renderer/src/lib/dashboard/ProviderCard.spec.ts
@@ -18,12 +18,12 @@
import '@testing-library/jest-dom/vitest';
-import type { ProviderImages } from '@podman-desktop/api';
+import type { ProviderImages } from '@kortex-app/api';
import { render, screen } from '@testing-library/svelte';
import { tick } from 'svelte';
import { expect, test } from 'vitest';
-import type { ProviderInfo } from '/@api/provider-info';
+import { type ProviderInfo } from '/@api/provider-info';
import ProviderCard from './ProviderCard.svelte';
@@ -49,6 +49,13 @@ test('Expect provider region', async () => {
images: {} as ProviderImages,
installationSupport: false,
cleanupSupport: false,
+ inferenceConnections: [],
+ ragConnections: [],
+ flowConnections: [],
+ inferenceProviderConnectionCreation: false,
+ inferenceProviderConnectionInitialization: false,
+ ragProviderConnectionCreation: false,
+ ragProviderConnectionInitialization: false,
};
render(ProviderCard, { provider });
@@ -78,6 +85,13 @@ test('Expect provider name', async () => {
images: {} as ProviderImages,
installationSupport: false,
cleanupSupport: false,
+ inferenceConnections: [],
+ ragConnections: [],
+ flowConnections: [],
+ inferenceProviderConnectionCreation: false,
+ inferenceProviderConnectionInitialization: false,
+ ragProviderConnectionCreation: false,
+ ragProviderConnectionInitialization: false,
};
render(ProviderCard, { provider });
@@ -108,6 +122,13 @@ test('Expect provider icon', async () => {
images: { icon: 'test.png' } as ProviderImages,
installationSupport: false,
cleanupSupport: false,
+ inferenceConnections: [],
+ ragConnections: [],
+ flowConnections: [],
+ inferenceProviderConnectionCreation: false,
+ inferenceProviderConnectionInitialization: false,
+ ragProviderConnectionCreation: false,
+ ragProviderConnectionInitialization: false,
};
render(ProviderCard, { provider });
@@ -142,7 +163,13 @@ test('Expect no provider version', async () => {
images: {} as ProviderImages,
installationSupport: false,
cleanupSupport: false,
- // no version
+ inferenceConnections: [],
+ ragConnections: [],
+ flowConnections: [],
+ inferenceProviderConnectionCreation: false,
+ inferenceProviderConnectionInitialization: false,
+ ragProviderConnectionCreation: false,
+ ragProviderConnectionInitialization: false,
};
render(ProviderCard, { provider });
@@ -173,6 +200,13 @@ test('Expect provider version', async () => {
installationSupport: false,
version: '1.2.3',
cleanupSupport: false,
+ inferenceConnections: [],
+ ragConnections: [],
+ flowConnections: [],
+ inferenceProviderConnectionCreation: false,
+ inferenceProviderConnectionInitialization: false,
+ ragProviderConnectionCreation: false,
+ ragProviderConnectionInitialization: false,
};
render(ProviderCard, { provider });
@@ -203,6 +237,13 @@ test('Expect provider state', async () => {
images: {} as ProviderImages,
installationSupport: false,
cleanupSupport: false,
+ inferenceConnections: [],
+ ragConnections: [],
+ flowConnections: [],
+ inferenceProviderConnectionCreation: false,
+ inferenceProviderConnectionInitialization: false,
+ ragProviderConnectionCreation: false,
+ ragProviderConnectionInitialization: false,
};
render(ProviderCard, { provider });
diff --git a/packages/renderer/src/lib/dashboard/ProviderDetectionChecksButton.svelte b/packages/renderer/src/lib/dashboard/ProviderDetectionChecksButton.svelte
index 5944fd825e..1ff5f771ba 100644
--- a/packages/renderer/src/lib/dashboard/ProviderDetectionChecksButton.svelte
+++ b/packages/renderer/src/lib/dashboard/ProviderDetectionChecksButton.svelte
@@ -1,6 +1,6 @@
+
+
+ {#snippet content()}
+
diff --git a/packages/renderer/src/lib/flows/FlowDetails.svelte b/packages/renderer/src/lib/flows/FlowDetails.svelte
new file mode 100644
index 0000000000..1bae66ec77
--- /dev/null
+++ b/packages/renderer/src/lib/flows/FlowDetails.svelte
@@ -0,0 +1,187 @@
+
+
+
+ {#snippet tabsSnippet()}
+
+ {#if flowInfo}
+
+
+
+
+ {#if provider && connection}
+
+
+
+
+ {/if}
+ {/snippet}
+
+
+
diff --git a/packages/renderer/src/lib/flows/FlowDetailsKubernetes.svelte b/packages/renderer/src/lib/flows/FlowDetailsKubernetes.svelte
new file mode 100644
index 0000000000..0802934ca4
--- /dev/null
+++ b/packages/renderer/src/lib/flows/FlowDetailsKubernetes.svelte
@@ -0,0 +1,108 @@
+
+
+
+
+
+
+{#if error}
+ true,
+ filterResource: filterFlowidJob,
+ }]}
+ singular="Job"
+ columns={columns}
+ row={row}
+ >
+
+ {#snippet emptySnippet()}
+
diff --git a/packages/renderer/src/lib/flows/FlowDetailsKubernetesKubeItemTable.svelte b/packages/renderer/src/lib/flows/FlowDetailsKubernetesKubeItemTable.svelte
new file mode 100644
index 0000000000..24c497f9a3
--- /dev/null
+++ b/packages/renderer/src/lib/flows/FlowDetailsKubernetesKubeItemTable.svelte
@@ -0,0 +1,81 @@
+
+
+ true,
+ filterResource: filterFlowidPod,
+ }]}
+ singular="pod"
+ columns={columns}
+ row={row}
+>
+
+ {#snippet emptySnippet()}
+
diff --git a/packages/renderer/src/lib/flows/FlowDetailsRun.svelte b/packages/renderer/src/lib/flows/FlowDetailsRun.svelte
new file mode 100644
index 0000000000..8c51cd8c95
--- /dev/null
+++ b/packages/renderer/src/lib/flows/FlowDetailsRun.svelte
@@ -0,0 +1,72 @@
+
+
+
+ {#snippet additionalActions()}
+ {#if $isFlowConnectionAvailable}
+
+
+ {/if}
+ {/snippet}
+
+ {#snippet content()}
+
+ {#if $isFlowConnectionAvailable}
+
+ {/snippet}
+
+
+ {:else}
+
+
+ {#if error}
+ You can create a flow using this form by selecting a model, one or several tools (from MCP servers)
+ and specifying instructions.
+ A flow can also be created by exporting a chat session. All information's on this page will then automatically be filled.
+ The export feature in the chat window is available through the
+
+
+ {:else}
+
+
+
+ Details
+
+
+ Provider
+ {provider?.name}
+
+
+ Connection
+ {connection?.name}
+
+
+ Path
+ {flowInfo.path}
+
+
+
+
+ {#if (flowInfo.parameters ?? []).length > 0}
+
+
+
+ Flow Parameters
+
+
+
+
+
+ Name
+
+
+ Description
+
+
+ Required
+
+
+ Default
+
+
+ {#each (flowInfo.parameters ?? []) as param (param.name)}
+
+
+ {param.name}
+
+
+ {param.description}
+
+
+ {param.required}
+
+
+ {param.default}
+
+
+ {/each}
+
+
+
+
+ {/if}
+ {/if}
+
+ Hide Secret
+
+ {#if kubernetes}
+
+
+
+
+{:else if selectedTab === 'Pods'}
+
+
+{/if}
diff --git a/packages/renderer/src/lib/flows/FlowDetailsKubernetesJobs.svelte b/packages/renderer/src/lib/flows/FlowDetailsKubernetesJobs.svelte
new file mode 100644
index 0000000000..092e30ade1
--- /dev/null
+++ b/packages/renderer/src/lib/flows/FlowDetailsKubernetesJobs.svelte
@@ -0,0 +1,86 @@
+
+
+
+
+
+
+ {#if started && objects.length === 0}
+ {@render emptySnippet()}
+ {/if}
+
diff --git a/packages/renderer/src/lib/flows/FlowDetailsKubernetesPods.svelte b/packages/renderer/src/lib/flows/FlowDetailsKubernetesPods.svelte
new file mode 100644
index 0000000000..2dd7844907
--- /dev/null
+++ b/packages/renderer/src/lib/flows/FlowDetailsKubernetesPods.svelte
@@ -0,0 +1,80 @@
+
+
+
+
diff --git a/packages/renderer/src/lib/flows/FlowList.svelte b/packages/renderer/src/lib/flows/FlowList.svelte
new file mode 100644
index 0000000000..a18f353969
--- /dev/null
+++ b/packages/renderer/src/lib/flows/FlowList.svelte
@@ -0,0 +1,85 @@
+
+
+
+ ({
+ value: flowExecution.taskId,
+ label: flowExecution.taskId,
+ }))}>
+
+
+
+ {#if $isFlowConnectionAvailable}
+ {#if $flowsInfos.length === 0}
+ ({ ...flow, selected: false }))}
+ columns={columns}
+ row={row}
+ defaultSortColumn="Flow"
+ key={key}
+ />
+ {/if}
+ {:else}
+