diff --git a/frontend/src/base/components/project-list/ProjectListCard.css b/frontend/src/base/components/project-list/ProjectListCard.css
index a912020..53577fd 100644
--- a/frontend/src/base/components/project-list/ProjectListCard.css
+++ b/frontend/src/base/components/project-list/ProjectListCard.css
@@ -9,6 +9,7 @@
   background-color: var(--project-detail-bg);
   position: relative;
   overflow: hidden;
+  cursor: pointer;
 }
 
 .project-list-card-wrapper:hover {
@@ -170,10 +171,6 @@
 }
 
 /* ---------- body ---------- */
-.project-list-card-clickable-content {
-  cursor: pointer;
-}
-
 .project-list-card-detail-section {
   padding: 12px 14px;
 }
diff --git a/frontend/src/base/components/project-list/ProjectListCard.jsx b/frontend/src/base/components/project-list/ProjectListCard.jsx
index 131755d..f180428 100644
--- a/frontend/src/base/components/project-list/ProjectListCard.jsx
+++ b/frontend/src/base/components/project-list/ProjectListCard.jsx
@@ -89,6 +89,10 @@ function ProjectListCard({
         } ${isDeleting ? "project-list-card--deleting" : ""} ${
           selectionMode || isSelected ? "project-list-card--selection-mode" : ""
         }`}
+        role="button"
+        tabIndex={0}
+        onClick={handleCardClick}
+        onKeyDown={(e) => e.key === "Enter" && handleCardClick()}
       >
         {/* deleting overlay */}
         {isDeleting && (
@@ -141,6 +145,7 @@ function ProjectListCard({
                 if (ShareProjectModal) setIsShareModalOpen(true);
               }}
               onKeyDown={(e) => {
+                e.stopPropagation();
                 if (e.key === "Enter" && ShareProjectModal)
                   setIsShareModalOpen(true);
               }}
@@ -167,14 +172,8 @@ function ProjectListCard({
           )}
         </div>
 
-        {/* ---------- body (clickable) ---------- */}
-        <div
-          className="project-list-card-clickable-content"
-          role="button"
-          tabIndex={0}
-          onClick={handleCardClick}
-          onKeyDown={(e) => e.key === "Enter" && handleCardClick()}
-        >
+        {/* ---------- body ---------- */}
+        <div className="project-list-card-clickable-content">
           {/* description */}
           <div className="project-list-card-detail-section project-list-card-desc-section">
             <Typography.Paragraph
diff --git a/frontend/src/ide/chat-ai/ChatAI.css b/frontend/src/ide/chat-ai/ChatAI.css
index 4988a75..4ebeaba 100644
--- a/frontend/src/ide/chat-ai/ChatAI.css
+++ b/frontend/src/ide/chat-ai/ChatAI.css
@@ -440,6 +440,31 @@
 .chat-ai-info-chip-clickable {
   cursor: pointer;
 }
+.chat-ai-info-chip:has(.chat-ai-schema-select) {
+  padding: 3px 4px 3px 10px;
+}
+/* Schema select inside info chip — !important needed to override Ant Design inline styles */
+.chat-ai-info-chip .chat-ai-schema-select {
+  max-width: 180px;
+}
+.chat-ai-info-chip .chat-ai-schema-select.ant-select {
+  height: 16px !important;
+}
+.chat-ai-info-chip .chat-ai-schema-select .ant-select-selector {
+  padding: 0 !important;
+  height: 16px !important;
+  min-height: unset !important;
+}
+.chat-ai-info-chip .chat-ai-schema-select .ant-select-selection-item {
+  font-size: 10px;
+  line-height: 16px;
+  padding-inline-end: 14px;
+}
+.chat-ai-info-chip .chat-ai-schema-select .ant-select-arrow {
+  font-size: 8px;
+  right: 0;
+  inset-block-start: 50%;
+}
 .chat-ai-info-chip-error {
   background-color: var(--ant-color-error-bg);
   border-color: var(--ant-color-error-border);
diff --git a/frontend/src/ide/chat-ai/PromptActions.jsx b/frontend/src/ide/chat-ai/PromptActions.jsx
index 107c1d8..16e1578 100644
--- a/frontend/src/ide/chat-ai/PromptActions.jsx
+++ b/frontend/src/ide/chat-ai/PromptActions.jsx
@@ -1,4 +1,4 @@
-import { memo, useEffect, useMemo } from "react";
+import { memo, useCallback, useEffect, useMemo } from "react";
 import { Space, Typography, Select, Switch, Segmented, Tooltip } from "antd";
 import {
   ConsoleSqlOutlined,
@@ -15,6 +15,8 @@ import InfoChip from "./InfoChip";
 import { useTokenStore } from "../../store/token-store";
 import { useSessionStore } from "../../store/session-store";
 import { useProjectStore } from "../../store/project-store";
+import { explorerService } from "../explorer/explorer-service";
+import { useNotificationService } from "../../service/notification-service";
 
 // Define hidden intents and a fixed order array
 const HIDDEN_CHAT_INTENTS = ["AUTO", "NOTA", "INFO"];
@@ -53,6 +55,32 @@ const PromptActions = memo(function PromptActions({
   const { tokenBalance, isLoading: isTokenLoading } = useTokenStore();
   const isCloud = useSessionStore((state) => state.sessionDetails?.is_cloud);
   const currentSchema = useProjectStore((state) => state.currentSchema);
+  const setCurrentSchema = useProjectStore((state) => state.setCurrentSchema);
+  const schemaList = useProjectStore((state) => state.schemaList);
+  const projectId = useProjectStore((state) => state.projectId);
+  const expService = explorerService();
+  const { notify } = useNotificationService();
+
+  const schemaOptions = useMemo(
+    () => schemaList.map((s) => ({ label: s, value: s })),
+    [schemaList]
+  );
+
+  const handleSchemaChange = useCallback(
+    (value) => {
+      expService
+        .setProjectSchema(projectId, value)
+        .then(() => {
+          setCurrentSchema(value);
+          notify({ type: "success", message: "Schema updated successfully" });
+        })
+        .catch((error) => {
+          console.error(error);
+          notify({ error });
+        });
+    },
+    [expService, projectId, setCurrentSchema, notify]
+  );
 
   const llmOptions = useMemo(
     () =>
@@ -169,12 +197,28 @@ const PromptActions = memo(function PromptActions({
           </a>
         )}
 
-        {/* Schema indicator */}
-        {currentSchema && (
+        {/* Schema selector */}
+        {schemaList.length > 0 ? (
+          <div className="chat-ai-info-chip chat-ai-info-chip-clickable">
+            <DatabaseOutlined className="chat-ai-info-chip-icon" />
+            <Select
+              size="small"
+              variant="borderless"
+              showSearch
+              placeholder="Schema"
+              value={currentSchema || undefined}
+              onChange={handleSchemaChange}
+              options={schemaOptions}
+              popupMatchSelectWidth={false}
+              className="chat-ai-schema-select"
+            />
+          </div>
+        ) : (
           <InfoChip
             icon={<DatabaseOutlined className="chat-ai-info-chip-icon" />}
-            text={currentSchema}
-            tooltipTitle="All new models generated will be created inside this schema. To modify it, click the settings icon from the left explorer."
+            text="No schema"
+            tooltipTitle="No schemas available. Please configure a database connection and select a schema from the explorer."
+            className="chat-ai-info-chip-error"
           />
         )}
       </Space>
diff --git a/frontend/src/ide/editor/no-code-configuration/configure-source-destination.jsx b/frontend/src/ide/editor/no-code-configuration/configure-source-destination.jsx
index 5a0bc4c..99f860d 100644
--- a/frontend/src/ide/editor/no-code-configuration/configure-source-destination.jsx
+++ b/frontend/src/ide/editor/no-code-configuration/configure-source-destination.jsx
@@ -204,178 +204,143 @@ function ConfigureSourceDestination({
   }, [reference]);
   return (
     <>
-      <Card style={{ marginBottom: "16px" }}>
-        <Row
-          className="configure-tables mb-16"
-          gutter={[16, 16]}
-          style={{ position: "relative", marginBottom: 0 }}
+      {/* ---------- Hierarchy ---------- */}
+      <Card className="configure-section-card configure-tables">
+        <h4 style={{ marginTop: 0 }}>
+          <Space>
+            <ApartmentOutlined />
+            Hierarchy
+          </Space>
+        </h4>
+        <Radio.Group
+          value={modelType}
+          onChange={(e) => {
+            const newModelType = e.target.value;
+            if (newModelType === "root") {
+              setPrevReference(reference.length ? reference : []);
+              setReference([]);
+            } else {
+              setReference(prevReference.length ? prevReference : reference);
+            }
+            setModelType(newModelType);
+          }}
+          className="mb-10"
         >
-          <Col
-            span={9}
-            style={{
-              borderRight: `1px solid ${token.colorBorderSecondary}`,
-              paddingRight: "16px",
-              height: "100%",
-              position: "absolute",
-              left: 0,
-              top: 0,
-              bottom: 0,
-              width: "50%",
-            }}
-          >
-            <h4>
-              <Space>
-                <ApartmentOutlined />
-                Hierarchy
-              </Space>
-            </h4>
-            <Radio.Group
-              value={modelType}
-              onChange={(e) => {
-                const newModelType = e.target.value;
-                if (newModelType === "root") {
-                  setPrevReference(reference.length ? reference : []);
-                  setReference([]);
-                } else {
-                  setReference(
-                    prevReference.length ? prevReference : reference
-                  );
+          <Radio value="root">Root model</Radio>
+          <Space>
+            <Radio value="child">Child of</Radio>
+          </Space>
+        </Radio.Group>
+        {modelType === "child" && (
+          <Select
+            mode="multiple"
+            placeholder="Select the model"
+            value={reference}
+            onChange={(value) =>
+              handleChange("reference", value, setReference, false)
+            }
+            options={referenceList}
+            showSearch
+            popupMatchSelectWidth={false}
+          />
+        )}
+      </Card>
+
+      {/* ---------- Configure Source & Destination ---------- */}
+      <Card
+        className="configure-tables configure-section-card"
+        style={{ backgroundColor: token.colorFillTertiary }}
+        styles={{ body: { padding: "12px 16px" } }}
+      >
+        <h4 style={{ marginTop: 0 }}>
+          <Space>
+            <DatabaseOutlined />
+            Configure Source
+          </Space>
+        </h4>
+        <Row gutter={[12]}>
+          {isSchemaExists && (
+            <Col span={12}>
+              <Select
+                className="mb-10"
+                placeholder="Select the schema"
+                value={source.schema_name}
+                onChange={(value) =>
+                  handleChange("schema_name", value, setSource)
                 }
-                setModelType(newModelType);
-              }}
+                options={allSchemas.map((value) => ({ value }))}
+                showSearch
+                popupMatchSelectWidth={false}
+                loading={isLoadingSchemas}
+                notFoundContent={
+                  isLoadingSchemas ? "Loading schemas..." : "No schemas found"
+                }
+              />
+            </Col>
+          )}
+          <Col span={isSchemaExists ? 12 : 24}>
+            <Select
               className="mb-10"
-            >
-              <Radio value="root">Root model</Radio>
-              <Space>
-                <Radio value="child">Child of</Radio>
-              </Space>
-            </Radio.Group>
-            {modelType === "child" && (
-              <>
-                <Select
-                  mode="multiple"
-                  className="mb-10"
-                  placeholder="Select the model"
-                  value={reference}
-                  onChange={(value) =>
-                    handleChange("reference", value, setReference, false)
-                  }
-                  options={referenceList}
-                  showSearch
-                />
-              </>
-            )}
+              placeholder="Select the table"
+              value={source.table_name}
+              onChange={(value) => handleChange("table_name", value, setSource)}
+              options={allTables[
+                isSchemaExists ? source.schema_name : "default"
+              ]?.map((value) => ({
+                value,
+              }))}
+              showSearch
+              popupMatchSelectWidth={false}
+              disabled={isSchemaExists && !source.schema_name}
+              loading={
+                isLoadingTables[isSchemaExists ? source.schema_name : "default"]
+              }
+              notFoundContent={
+                isLoadingTables[isSchemaExists ? source.schema_name : "default"]
+                  ? "Loading tables..."
+                  : "No tables found"
+              }
+            />
           </Col>
-          <Col span={15} style={{ marginLeft: "38%" }}>
-            <Card
-              style={{ backgroundColor: token.colorFillTertiary, padding: 0 }}
-              bodyStyle={{ padding: "0 10px 10px" }}
-            >
-              <h4>
-                <Space>
-                  <DatabaseOutlined />
-                  Configure Source
-                </Space>
-              </h4>
-              <Row gutter={[12]}>
-                {isSchemaExists && (
-                  <Col span={12}>
-                    <Select
-                      className="mb-10"
-                      placeholder="Select the schema"
-                      value={source.schema_name}
-                      onChange={(value) =>
-                        handleChange("schema_name", value, setSource)
-                      }
-                      options={allSchemas.map((value) => ({ value }))}
-                      showSearch
-                      loading={isLoadingSchemas}
-                      notFoundContent={
-                        isLoadingSchemas
-                          ? "Loading schemas..."
-                          : "No schemas found"
-                      }
-                    />
-                  </Col>
-                )}
-                <Col span={isSchemaExists ? 12 : 24}>
-                  <Select
-                    className="mb-10"
-                    placeholder="Select the table"
-                    value={source.table_name}
-                    onChange={(value) =>
-                      handleChange("table_name", value, setSource)
-                    }
-                    options={allTables[
-                      isSchemaExists ? source.schema_name : "default"
-                    ]?.map((value) => ({
-                      value,
-                    }))}
-                    showSearch
-                    disabled={isSchemaExists && !source.schema_name}
-                    loading={
-                      isLoadingTables[
-                        isSchemaExists ? source.schema_name : "default"
-                      ]
-                    }
-                    notFoundContent={
-                      isLoadingTables[
-                        isSchemaExists ? source.schema_name : "default"
-                      ]
-                        ? "Loading tables..."
-                        : "No tables found"
-                    }
-                  />
-                </Col>
-              </Row>
-              <Divider />
-              <h4>
-                <Space>
-                  <ApiOutlined />
-                  Configure Destination
-                </Space>
-              </h4>
-              <Row gutter={[12]}>
-                {isSchemaExists && (
-                  <Col span={12}>
-                    <Select
-                      className="mb-10 width-100"
-                      placeholder="Select the schema"
-                      value={model.schema_name}
-                      onChange={(value) =>
-                        handleChange("schema_name", value, setModel, false)
-                      }
-                      options={allSchemas.map((value) => ({ value }))}
-                      showSearch
-                      loading={isLoadingSchemas}
-                      notFoundContent={
-                        isLoadingSchemas
-                          ? "Loading schemas..."
-                          : "No schemas found"
-                      }
-                    />
-                  </Col>
-                )}
-                <Col span={isSchemaExists ? 12 : 24}>
-                  <AutoComplete
-                    className="mb-10 width-100"
-                    placeholder="Select the table"
-                    value={model.table_name}
-                    onChange={(value) => {
-                      // Block spaces by replacing them with an empty string
-                      const noSpacesValue = value.replace(/\s/g, "");
-                      handleChange(
-                        "table_name",
-                        noSpacesValue,
-                        setModel,
-                        false
-                      );
-                    }}
-                    disabled={isSchemaExists && !model.schema_name}
-                  />
-                </Col>
-              </Row>
-            </Card>
+        </Row>
+        <Divider />
+        <h4>
+          <Space>
+            <ApiOutlined />
+            Configure Destination
+          </Space>
+        </h4>
+        <Row gutter={[12]}>
+          {isSchemaExists && (
+            <Col span={12}>
+              <Select
+                className="mb-10"
+                placeholder="Select the schema"
+                value={model.schema_name}
+                onChange={(value) =>
+                  handleChange("schema_name", value, setModel, false)
+                }
+                options={allSchemas.map((value) => ({ value }))}
+                showSearch
+                popupMatchSelectWidth={false}
+                loading={isLoadingSchemas}
+                notFoundContent={
+                  isLoadingSchemas ? "Loading schemas..." : "No schemas found"
+                }
+              />
+            </Col>
+          )}
+          <Col span={isSchemaExists ? 12 : 24}>
+            <AutoComplete
+              className="mb-10"
+              placeholder="Select the table"
+              value={model.table_name}
+              onChange={(value) => {
+                const noSpacesValue = value.replace(/\s/g, "");
+                handleChange("table_name", noSpacesValue, setModel, false);
+              }}
+              disabled={isSchemaExists && !model.schema_name}
+            />
           </Col>
         </Row>
       </Card>
diff --git a/frontend/src/ide/editor/no-code-model/no-code-model.css b/frontend/src/ide/editor/no-code-model/no-code-model.css
index 677d255..0c710ea 100644
--- a/frontend/src/ide/editor/no-code-model/no-code-model.css
+++ b/frontend/src/ide/editor/no-code-model/no-code-model.css
@@ -121,10 +121,19 @@
 
 .configure-tables .ant-space,
 .configure-tables .ant-select,
+.configure-tables .ant-select-auto-complete,
 .width-100-percent {
   width: 100% !important;
 }
 
+.configure-section-card {
+  margin-bottom: 12px;
+}
+
+.configure-section-card h4:first-child {
+  margin-top: 0;
+}
+
 .search-icon {
   margin-left: -3px;
   margin-right: 12px;
@@ -681,7 +690,8 @@
   justify-content: space-between;
   align-items: center;
   padding-block: 8px;
-  overflow-x: auto;
+  flex-wrap: wrap;
+  gap: 8px;
 }
 
 .custom-pagination-container .custom-pagination .ant-pagination-options {
diff --git a/frontend/src/ide/editor/no-code-toolbar/no-code-toolbar.css b/frontend/src/ide/editor/no-code-toolbar/no-code-toolbar.css
index 90f0f05..d401063 100644
--- a/frontend/src/ide/editor/no-code-toolbar/no-code-toolbar.css
+++ b/frontend/src/ide/editor/no-code-toolbar/no-code-toolbar.css
@@ -9,9 +9,16 @@
   flex: 1;
   overflow: hidden;
   scroll-behavior: smooth;
-  padding: 12px 0px 8px;
+  padding: 6px 12px;
+  margin-bottom: 6px;
   display: flex;
   align-items: center;
+  background-color: var(--menu-items-bg);
+  border-radius: 6px;
+}
+
+.no-code-toolbar-content > .ant-space {
+  padding-top: 11px;
 }
 
 /* Hidden toolbar items (overflow) */
diff --git a/frontend/src/ide/explorer/explorer-component.jsx b/frontend/src/ide/explorer/explorer-component.jsx
index 83ef24a..a578fdc 100644
--- a/frontend/src/ide/explorer/explorer-component.jsx
+++ b/frontend/src/ide/explorer/explorer-component.jsx
@@ -82,6 +82,7 @@ const IdeExplorer = ({
   } = useProjectStore();
   const currentSchema = useProjectStore((state) => state.currentSchema);
   const setCurrentSchema = useProjectStore((state) => state.setCurrentSchema);
+  const setSchemaList = useProjectStore((state) => state.setSchemaList);
 
   // Reset currentSchema on unmount to prevent stale data
   useEffect(() => {
@@ -308,6 +309,9 @@ const IdeExplorer = ({
           setCurrentSchema("");
         }
 
+        // Store plain schema list in shared store
+        setSchemaList(allSchemas);
+
         const items = allSchemas.map((el) => ({
           label: el,
           key: el,
diff --git a/frontend/src/store/project-store.js b/frontend/src/store/project-store.js
index e99f8d6..67be3b8 100644
--- a/frontend/src/store/project-store.js
+++ b/frontend/src/store/project-store.js
@@ -9,6 +9,7 @@ const STORE_VARIABLES = {
   projectId: "",
   renamedModel: {},
   currentSchema: "",
+  schemaList: [],
 };
 
 const useProjectStore = create(
@@ -71,6 +72,11 @@ const useProjectStore = create(
           return { currentSchema: schema };
         });
       },
+      setSchemaList: (list) => {
+        setState(() => {
+          return { schemaList: list };
+        });
+      },
     }),
     {
       name: "project-tab-storage",