Hardcode API type to Postgres

Fix typing
Hardcode postgres endpoint
2025-12-25 11:51:07 +00:00 · 2022-10-06 00:23:26 -07:00 · 2022-10-05 23:48:26 -07:00 · 2022-10-05 23:23:14 -07:00 · 2022-10-05 23:21:37 -07:00 · 2022-10-05 23:19:24 -07:00
40 changed files with 491 additions and 655 deletions
--- a/images/firewallRule.png
+++ b/images/firewallRule.png
--- a/less/TableStyles/queryBuilder.less
+++ b/less/TableStyles/queryBuilder.less
@@ -3,337 +3,337 @@
@import "../Common/Constants";
 .query-panel {
-  display: table;
+    display: table;
-  display: none;
+    display: none;
-  width: 100%;
+    width: 100%;
-  border-top: 1px solid #dddddd;
+    border-top: 1px solid #DDDDDD;
-  /*[{environment-commandbar-toolbar-separator}]*/
+    /*[{environment-commandbar-toolbar-separator}]*/
-  background-color: #ffffff;
+    background-color: #ffffff;
-  /*[{plugin-background-color}]*/
+    /*[{plugin-background-color}]*/
-  padding: 2px 0px 0px 2px;
+    padding: 2px 0px 0px 2px;
-  resize: vertical;
+    resize: vertical;
 }
 .query-panel .row {
-  display: table-row;
+    display: table-row;
 }
 .query-panel .row .cell {
-  display: table-cell;
+    display: table-cell;
 }
 .query-panel.transition-in {
-  display: table;
+    display: table;
-  top: 0px;
+    top: 0px;
-  -webkit-transition: top 2s linear;
+    -webkit-transition: top 2s linear;
-  -ms-transition: top 2s linear;
+    -ms-transition: top 2s linear;
-  -moz-transition: top 2s linear;
+    -moz-transition: top 2s linear;
-  -khtml-transition: top 2s linear;
+    -khtml-transition: top 2s linear;
-  -o-transition: top 2s linear;
+    -o-transition: top 2s linear;
-  transition: top 2s linear;
+    transition: top 2s linear;
 }
 .query-builder {
-  width: 100%;
+    width:100%;
-  padding-right: @DefaultSpace;
+    padding-right: @DefaultSpace;
-  border-bottom: 1px solid @BaseMedium;
+    border-bottom: 1px solid @BaseMedium;
-  margin-bottom: @DefaultSpace;
+    margin-bottom: @DefaultSpace;
 }
 .query-builder-toolbar {
-  background-color: #ffffff;
+    background-color: #ffffff;
-  /*[{plugin-background-color}]*/
+    /*[{plugin-background-color}]*/
-  min-width: 600px;
+    min-width: 600px;
-  height: 30px;
+    height: 30px;
-  border-bottom: 1px solid #dddddd;
+    border-bottom: 1px solid #DDDDDD;
-  /*[1px solid {environment-commandbar-toolbar-separator}]*/
+    /*[1px solid {environment-commandbar-toolbar-separator}]*/
 }
 .query-builder-toolbar .query-toolbar-group {
-  display: inline-block;
+    display: inline-block;
-  height: 24px;
+    height: 24px;
-  margin: 2px 0px;
+    margin: 2px 0px;
-  vertical-align: middle;
+    vertical-align: middle;
 }
 .query-builder-toolbar .query-toolbar-group .query-toolbar-button {
-  min-width: 0px;
+    min-width: 0px;
-  padding: 0px;
+    padding: 0px;
-  margin-left: 2px;
+    margin-left: 2px;
-  background-color: transparent;
+    background-color: transparent;
-  border: solid transparent;
+    border: solid transparent;
 }
 .query-builder-toolbar .query-toolbar-group .query-toolbar-button:active {
-  outline: 2px solid dodgerblue;
+    outline: 2px solid dodgerblue;
-  /*[2px solid {common-common-controls-button-border-hover}]*/
+    /*[2px solid {common-common-controls-button-border-hover}]*/
 }
 .query-builder-toolbar .query-toolbar-group .query-toolbar-button:hover {
-  background-color: #cccedb;
+    background-color: #CCCEDB;
-  /*[{common-controls-button-hover-background}]*/
+    /*[{common-controls-button-hover-background}]*/
 }
 .query-builder-toolbar .query-toolbar-group .query-toolbar-button.active {
-  background-color: #e6e7ed;
+    background-color: #E6E7ED;
-  /*[{common-controls-inner-tab-active-background}]*/
+    /*[{common-controls-inner-tab-active-background}]*/
-  outline: none;
+    outline: none
 }
 .query-builder-toolbar .query-toolbar-group .query-toolbar-button:disabled,
 .query-builder-toolbar .query-toolbar-group .query-toolbar-button.disabled {
-  background-color: #ffffff;
+    background-color: #ffffff;
-  /*[{common-controls-button-disabled-background}]*/
+    /*[{common-controls-button-disabled-background}]*/
-  background: transparent;
+    background: transparent;
-  border: 1px solid transparent;
+    border: 1px solid transparent;
-  outline: none;
+    outline: none;
-  opacity: 0.4;
+    opacity: 0.4;
 }
 .tableContainer {
-  overflow: hidden;
+    overflow: hidden;
-  .flex-display();
+    .flex-display();
-  .flex-direction();
+    .flex-direction();
 }
-.tablesQueryTab {
+.tablesQueryTab{
-  padding-left: @MediumSpace;
+    padding-left: @MediumSpace;
-  width: 100%;
+    width: 100%;
-  margin-bottom: @LargeSpace;
+    margin-bottom:@LargeSpace;
 }
 .entity-error-Img {
-  width: @WarningErrorIconSize;
+    width: @WarningErrorIconSize;
-  height: @WarningErrorIconSize;
+    height: @WarningErrorIconSize;
-  margin: @DefaultSpace 0px 0px @SmallSpace;
+    margin: @DefaultSpace 0px 0px @SmallSpace;
 }
 .query-editor-panel {
-  margin-right: 16px;
+    margin-right: 16px;
-  margin-left: 16px;
+    margin-left: 16px;
-  margin-top: 25px;
+    margin-top: 25px;
-  position: relative;
+    position: relative;
-  vertical-align: middle;
+    vertical-align: middle;
-  cursor: default;
+    cursor: default;
 }
 .query-editor-text {
-  width: 100%;
+    width: 100%;
-  margin: 2px;
+    margin: 2px;
-  border: solid 1px #a9acb3;
+    border: solid 1px #A9ACB3;
-  /*[{plugin-textbox-disabled-color}]*/
+    /*[{plugin-textbox-disabled-color}]*/
-  resize: none;
+    resize: none;
-  margin-top: -39px;
+    margin-top: -39px;
-  background-color: #ddd;
+    background-color: #ddd;
-  padding: 5px;
+    padding: 5px;
 }
 .error-bar {
-  padding: @LargeSpace 34px @MediumSpace 24px;
+    padding: @LargeSpace 34px @MediumSpace 24px;
 }
 .error-message {
-  background-color: @BaseLow;
+    background-color: @BaseLow;
-  padding: @DefaultSpace;
+    padding: @DefaultSpace;
-  display: inline-flex;
+    display: inline-flex;
 }
 .error-text {
-  padding-left: @MediumSpace;
+    padding-left: @MediumSpace;
 }
 .query-editor-text-invalid {
-  width: 100%;
+    width: 100%;
-  margin: 2px;
+    margin: 2px;
-  border: 1px solid #e51400;
+    border: 1px solid #e51400;
-  resize: none;
+    resize: none;
-  margin-top: -30px;
+    margin-top: -30px;
 }
 .query-editor-panel .warning-bar {
-  width: 100%;
+    width: 100%;
-  height: 20px;
+    height: 20px;
-  background-color: #ffffff;
+    background-color: #ffffff;
-  /*[{plugin-background-color}]*/
+    /*[{plugin-background-color}]*/
-  position: absolute;
+    position: absolute;
-  top: -24px;
+    top: -24px;
 }
 .query-editor-panel .warning-bar .warning-message {
-  display: inline-flex;
+    display: inline-flex;
-  padding-top: 2px;
+    padding-top: 2px;
-  vertical-align: middle;
+    vertical-align: middle;
 }
 .query-editor-panel .warning-bar .warning-message .warning-text {
-  margin-left: 2px;
+    margin-left: 2px;
 }
-.advanced-options-panel {
+.advanced-options-panel{
-  margin-bottom: @DefaultSpace;
+    margin-bottom: @DefaultSpace;
 }
 .advanced-options-panel .advanced-heading .advanced-title {
-  display: inline-flex;
+    display: inline-flex;
-  margin-left: 27px;
+    margin-left: 27px;
-  margin-top: 10px;
+    margin-top: 10px;
-  cursor: default;
+    cursor: default;
 }
 .advanced-options-panel .advanced-options {
-  margin-left: 32px;
+    margin-left: 32px;
-  margin-top: 5px;
+    margin-top: 5px;
-  border: 1px solid transparent;
+    border: 1px solid transparent;
 }
 hr {
-  margin-top: 10px;
+    margin-top: 10px;
-  margin-bottom: 12px;
+    margin-bottom: 12px;
-  border: 0;
+    border: 0;
-  border-top: 1px solid #ccc;
+    border-top: 1px solid #ccc;
 }
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
-  -webkit-appearance: none;
+    -webkit-appearance: none;
 }
 .advanced-options-panel .advanced-options .top .top-input {
-  width: 100px;
+    width: 100px;
-  word-spacing: normal;
+    word-spacing: normal;
-  color: #1e1e1e;
+    color: #1E1E1E;
-  /*[{common-controls-button-foreground}]*/
+    /*[{common-controls-button-foreground}]*/
-  border: 1px solid #cccedb;
+    border: 1px solid #CCCEDB;
-  /*[1px solid {plugin-textbox-border-color}]*/
+    /*[1px solid {plugin-textbox-border-color}]*/
-  height: 20px;
+    height: 20px;
-  margin-left: 8px;
+    margin-left: 8px;
 }
 .advanced-options-panel .advanced-options .top .invalid-top {
-  color: red;
+    color: red;
 }
 .advanced-options-panel .advanced-options .select {
-  margin-top: 18px;
+    margin-top: 18px;
-  display: inline-flex;
+    display: inline-flex;
 }
 .advanced-options-icon {
-  margin-left: 2px;
+    margin-left: 2px;
-  vertical-align: sub;
+    vertical-align: sub;
 }
 .advanced-options-panel .advanced-options .select .select-options-text {
-  margin-left: 4px;
+    margin-left: 4px;
 }
 .advanced-options-panel .advanced-options .select .select-options-link {
-  margin-left: 4px;
+    margin-left: 4px;
-  cursor: pointer;
+    cursor: pointer;
-  outline: none;
+    outline: none;
 }
 .query-panel .row .column-headers .Field {
-  padding-left: 95px;
+    padding-left: 95px;
-  padding-right: 0px;
+    padding-right: 0px;
-  padding-bottom: 6px;
+    padding-bottom: 6px;
 }
 .clause-table {
-  border-spacing: 0px;
+    border-spacing: 0px;
-  display: table;
+    display: table;
-  width: 100%;
+    width: 100%;
-  margin-top: -3px;
+    margin-top: -3px;
 }
 .clause-table-row {
-  display: row;
+    display: row;
-  margin-bottom: 10px;
+    margin-bottom: 10px;
 }
 .clause-table-cell {
-  display: table-cell;
+    display: table-cell;
-  text-align: left;
+    text-align: left;
-  vertical-align: middle;
+    vertical-align: middle;
 }
-.action-column > button,
+.action-column>button,
-.group-control-header > button,
+.group-control-header>button,
-.group-indicator-column > button {
+.group-indicator-column>button {
-  min-width: 20px;
+    min-width: 20px;
-  width: 20px;
+    width: 20px;
-  padding: 0px;
+    padding: 0px;
-  background-color: transparent;
+    background-color: transparent;
-  border-color: transparent;
+    border-color: transparent;
-  cursor: pointer;
+    cursor: pointer;
 }
-.group-control-header > button:disabled {
+.group-control-header>button:disabled {
-  min-width: 20px;
+    min-width: 20px;
-  width: 20px;
+    width: 20px;
-  padding: 0px;
+    padding: 0px;
-  background-color: transparent;
+    background-color: transparent;
-  border-color: transparent;
+    border-color: transparent;
-  outline: none;
+    outline: none;
-  opacity: 0.4;
+    opacity: 0.4;
-  cursor: default;
+    cursor: default;
 }
 .clause-table-field {
-  width: 100%;
+    width: 100%;
-  border: 1px solid #bbbbbb;
+    border: 1px solid #bbbbbb;
 }
 .clause-table-cell button {
-  height: 20px;
+    height: 20px;
 }
 .clause-table-cell input[type="checkbox"] {
-  padding: 0px;
+    padding: 0px;
-  margin-bottom: 12px;
+    margin-bottom: 12px;
 }
 .and-or-svg {
-  margin-top: -8px;
+    margin-top: -8px;
-  margin-right: -5px;
+    margin-right: -5px;
 }
 .scroll-box {
-  border-bottom: 1px transparent #ddd;
+    border-bottom: 1px transparent #DDD;
-  /*[1px solid {plugin-table-border-color}]*/
+    /*[1px solid {plugin-table-border-color}]*/
-  border-top: 1px transparent #ddd;
+    border-top: 1px transparent #DDD;
-  /*[1px solid {plugin-table-border-color}]*/
+    /*[1px solid {plugin-table-border-color}]*/
-  max-height: 20vh;
+    max-height: 20vh;
-  width: 100%;
+    width: 100%;
 }
 .scrollable {
-  overflow: auto;
+    overflow: auto;
-  overflow-x: hidden;
+    overflow-x: hidden;
 }
 .and-or-column,
 .and-or-header {
-  min-width: 65px;
+    min-width: 65px;
-  padding-right: 10px;
+    padding-right: 10px;
-  padding-left: 5px;
+    padding-left: 5px;
 }
 .operator-column,
 .operator-header {
-  min-width: 65px;
+    min-width: 65px;
-  padding-right: 10px;
+    padding-right: 10px;
 }
 .field-header,
 .field-column {
-  min-width: 125px;
+    min-width: 125px;
-  padding-right: 10px;
+    padding-right: 10px;
 }
 .type-header,
 .type-column {
-  min-width: 85px;
+    min-width: 85px;
 }
 .and-or-column,
@@ -345,41 +345,41 @@ input::-webkit-inner-spin-button {
 .type-header,
 .type-column,
 .action-header {
-  padding-right: 10px;
+    padding-right: 10px;
-  margin-bottom: 8px;
+    margin-bottom: 8px;
 }
 .value-header,
 .value-column,
 .time-column {
-  min-width: 230px;
+    min-width: 230px;
-  padding: 0px 4px 0px 0px;
+    padding: 0px 4px 0px 0px;
-  width: 100%;
+    width: 100%;
-  margin-bottom: 8px;
+    margin-bottom: 8px;
 }
 .group-control-header,
 .group-control-column {
-  min-width: 25px;
+    min-width: 25px;
-  text-align: right;
+    text-align: right;
 }
 .group-indicator-table {
-  border-spacing: 0px;
+    border-spacing: 0px;
-  min-height: 24px;
+    min-height: 24px
 }
 .group-indicator-column {
-  min-width: 21px;
+    min-width: 21px;
-  padding: 0px;
+    padding: 0px;
-  border-style: none;
+    border-style: none;
-  height: 29px;
+    height: 29px;
 }
 .clause-table-cell.action-column, 
 .clause-table-cell.action-header {
-  min-width: 60px;
+    min-width: 60px;
-  padding-left: @SmallSpace;
+    padding-left: @SmallSpace;
 }
 .action-header,
@@ -388,14 +388,15 @@ input::-webkit-inner-spin-button {
 .operator-header,
 .value-header,
 .and-or-header {
-  padding-right: 4px;
+    padding-right: 4px;
-  padding-bottom: 5px;
+    padding-bottom: 5px;
 }
 .header-background {
-  background-color: #ffffff;
+    background-color: #ffffff;
 }
 /*.type-header {
    padding-right: 4px;
 }
@@ -409,111 +410,112 @@ input::-webkit-inner-spin-button {
 }*/
 .clause-table-field[readonly] {
-  background-color: #eeeef2;
+    background-color: #EEEEF2;
-  /*[{plugin-table-header-background-color}]*/
+    /*[{plugin-table-header-background-color}]*/
-  border: 1px solid #cccedb;
+    border: 1px solid #CCCEDB;
-  /*[{plugin-table-border-color}]*/
+    /*[{plugin-table-border-color}]*/
 }
 .addClause-title {
-  /*[{common-common-controls-button-border-hover}]*/
+    /*[{common-common-controls-button-border-hover}]*/
-  cursor: pointer;
+    cursor: pointer;
-  margin-left: -5px;
+    margin-left: -5px;
 }
 .addClause {
-  width: 125px;
+    width: 125px;
-  padding: 8px 0px 5px 5px;
+    padding: 8px 0px 5px 5px;
-  border: 1px solid #fff;
+    border: 1px solid #fff;
-  margin-left: 5px;
+    margin-left: 5px;
 }
 .addClause:hover {
-  .hover();
+    .hover();
 }
 .addClause:active {
-  .active();
+    .active();
-  border: 1px dashed @AccentMedium;
+    border: 1px dashed @AccentMedium;
 }
 .clause-table-row {
-  min-width: 550px;
+    min-width: 550px;
-  width: 100%;
+    width: 100%;
 }
 .clause-table-field field-column {
-  min-width: 75px;
+    min-width: 75px;
-  height: 30px;
+    height: 30px;
-  width: 100%;
+    width: 100%;
 }
 .clause-table-field field-input {
-  min-width: 54px;
+    min-width: 54px;
-  margin-left: -78px;
+    margin-left: -78px;
-  height: 25px;
+    height: 25px;
-  border: none;
+    border: none;
 }
 .query-panel .row .spacing {
-  padding-bottom: 6px;
+    padding-bottom: 6px;
 }
 .query-panel .divider.horizontal {
-  height: 10px;
+    height: 10px;
-  width: 100%;
+    width: 100%
 }
 .inline-div {
-  display: inline;
+    display: inline
 }
 .querybuilder-addpropertyImg,
 .querybuilder-cancelImg {
-  width: 14px;
+    width: 14px;
-  height: 14px;
+    height: 14px;
-  margin-left: 3px;
+    margin-left: 3px;
-  margin-bottom: 8px;
+    margin-bottom: 8px;
 }
 .addclauseProperty-Img {
-  width: 14px;
+    width: 14px;
-  height: 14px;
+    height: 14px;
-  margin-bottom: 5px;
+    margin-bottom: 5px;
-  margin-left: 12px;
+    margin-left: 12px;
 }
 .entity-Add-Cancel {
-  // padding: @DefaultSpace @SmallSpace @SmallSpace;
+    padding: @DefaultSpace @SmallSpace @SmallSpace;
-  cursor: pointer;
+    cursor: pointer;
 }
 .entity-Add-Cancel:hover {
-  .hover();
+    .hover();
 }
 .entity-Add-Cancel:active {
-  .active();
+    .active();
 }
 .query-builder-isDisabled {
-  border: 1px solid #cccedb;
+    border: 1px solid #CCCEDB;
-  color: #ccc;
+    color: #ccc;
 }
 .edit-value-text {
-  padding-left: @DefaultSpace;
+    padding-left: @DefaultSpace;
 }
 .expand-triangle {
-  width: 10px;
+    width: 10px;
-  height: 10px;
+    height: 10px;
 }
 .expand-triangle-right {
-  margin-bottom: 5px;
+    margin-bottom: 5px;
 }
 /*
@media only screen and (max-width: 1200px) {
    .clause-table {
--- a/src/Common/TableEntity.tsx
+++ b/src/Common/TableEntity.tsx
@@ -73,17 +73,6 @@ export const TableEntity: FunctionComponent<TableEntityProps> = ({
  const sectionStackTokens: IStackTokens = { childrenGap: 12 };
  const handleKeyPress = (event: React.KeyboardEvent<HTMLElement>) => {
    if (event.key === "Enter" || event.key === "Space") {
      onEditEntity();
    }
  };
  const handleKeyPressdelete = (event: React.KeyboardEvent<HTMLElement>) => {
    if (event.key === "Enter" || event.key === "Space") {
      onDeleteEntity();
    }
  };
  const getEntityValueType = (): string => {
    const { Int, Smallint, Tinyint } = CassandraType;
    const { Double, Int32, Int64 } = TableType;
@@ -137,28 +126,12 @@ export const TableEntity: FunctionComponent<TableEntityProps> = ({
        />
        {!isEntityValueDisable && (
          <TooltipHost content="Edit property" id="editTooltip">
-            <Image
+            <Image {...imageProps} src={EditIcon} alt="editEntity" id="editEntity" onClick={onEditEntity} />
              {...imageProps}
              src={EditIcon}
              alt="editEntity"
              id="editEntity"
              onClick={onEditEntity}
              tabIndex={0}
              onKeyPress={handleKeyPress}
            />
          </TooltipHost>
        )}
        {isDeleteOptionVisible && userContext.apiType !== "Cassandra" && (
          <TooltipHost content="Delete property" id="deleteTooltip">
-            <Image
+            <Image {...imageProps} src={DeleteIcon} alt="delete entity" id="deleteEntity" onClick={onDeleteEntity} />
              {...imageProps}
              src={DeleteIcon}
              alt="delete entity"
              id="deleteEntity"
              onClick={onDeleteEntity}
              tabIndex={0}
              onKeyPress={handleKeyPressdelete}
            />
          </TooltipHost>
        )}
      </Stack>
--- a/src/Common/dataAccess/deleteDocument.ts
+++ b/src/Common/dataAccess/deleteDocument.ts
@@ -4,7 +4,6 @@ import { logConsoleInfo, logConsoleProgress } from "../../Utils/NotificationCons
 import { client } from "../CosmosClient";
 import { getEntityName } from "../DocumentUtility";
 import { handleError } from "../ErrorHandlingUtils";
 import { getPartitionKeyValue } from "./getPartitionKeyValue";
 export const deleteDocument = async (collection: CollectionBase, documentId: DocumentId): Promise<void> => {
  const entityName: string = getEntityName();
@@ -14,7 +13,7 @@ export const deleteDocument = async (collection: CollectionBase, documentId: Doc
    await client()
      .database(collection.databaseId)
      .container(collection.id())
-      .item(documentId.id(), getPartitionKeyValue(documentId))
+      .item(documentId.id(), documentId.partitionKeyValue?.length === 0 ? undefined : documentId.partitionKeyValue)
      .delete();
    logConsoleInfo(`Successfully deleted ${entityName} ${documentId.id()}`);
  } catch (error) {
--- a/src/Common/dataAccess/getPartitionKeyValue.ts
+++ b/src/Common/dataAccess/getPartitionKeyValue.ts
@@ -1,12 +0,0 @@
 import { userContext } from "UserContext";
 import DocumentId from "../../Explorer/Tree/DocumentId";
 export const getPartitionKeyValue = (documentId: DocumentId) => {
  if (userContext.apiType === "Tables" && documentId.partitionKeyValue?.length === 0) {
    return "";
  }
  if (documentId.partitionKeyValue?.length === 0) {
    return undefined;
  }
  return documentId.partitionKeyValue;
 };
--- a/src/Common/dataAccess/readDocument.ts
+++ b/src/Common/dataAccess/readDocument.ts
@@ -6,7 +6,6 @@ import { HttpHeaders } from "../Constants";
 import { client } from "../CosmosClient";
 import { getEntityName } from "../DocumentUtility";
 import { handleError } from "../ErrorHandlingUtils";
 import { getPartitionKeyValue } from "./getPartitionKeyValue";
 export const readDocument = async (collection: CollectionBase, documentId: DocumentId): Promise<Item> => {
  const entityName = getEntityName();
@@ -22,7 +21,8 @@ export const readDocument = async (collection: CollectionBase, documentId: Docum
    const response = await client()
      .database(collection.databaseId)
      .container(collection.id())
-      .item(documentId.id(), getPartitionKeyValue(documentId))
+      // use undefined if the partitionKeyValue is empty
      .item(documentId.id(), documentId.partitionKeyValue?.length === 0 ? undefined : documentId.partitionKeyValue)
      .read(options);
    return response?.resource;
--- a/src/Common/dataAccess/updateDocument.ts
+++ b/src/Common/dataAccess/updateDocument.ts
@@ -6,7 +6,6 @@ import { logConsoleInfo, logConsoleProgress } from "../../Utils/NotificationCons
 import { client } from "../CosmosClient";
 import { getEntityName } from "../DocumentUtility";
 import { handleError } from "../ErrorHandlingUtils";
 import { getPartitionKeyValue } from "./getPartitionKeyValue";
 export const updateDocument = async (
  collection: CollectionBase,
@@ -26,7 +25,7 @@ export const updateDocument = async (
    const response = await client()
      .database(collection.databaseId)
      .container(collection.id())
-      .item(documentId.id(), getPartitionKeyValue(documentId))
+      .item(documentId.id(), documentId.partitionKeyValue?.length === 0 ? undefined : documentId.partitionKeyValue)
      .replace(newDocument, options);
    logConsoleInfo(`Successfully updated ${entityName} ${documentId.id()}`);
--- a/src/Contracts/DataModels.ts
+++ b/src/Contracts/DataModels.ts
@@ -34,7 +34,6 @@ export interface DatabaseAccountExtendedProperties {
  capacity?: { totalThroughputLimit: number };
  locations?: DatabaseAccountResponseLocation[];
  postgresqlEndpoint?: string;
  publicNetworkAccess?: string;
 }
 export interface DatabaseAccountResponseLocation {
@@ -568,16 +567,6 @@ export interface ContainerConnectionInfo {
  //need to add ram and rom info
 }
 export interface PostgresFirewallRule {
  id: string;
  name: string;
  type: string;
  properties: {
    startIpAddress: string;
    endIpAddress: string;
  };
 }
 export enum PhoenixErrorType {
  MaxAllocationTimeExceeded = "MaxAllocationTimeExceeded",
  MaxDbAccountsPerUserExceeded = "MaxDbAccountsPerUserExceeded",
--- a/src/Contracts/ExplorerContracts.ts
+++ b/src/Contracts/ExplorerContracts.ts
@@ -36,8 +36,6 @@ export enum MessageTypes {
  CloseTab,
  OpenQuickstartBlade,
  OpenPostgreSQLPasswordReset,
  OpenPostgresNetworkingBlade,
  OpenCosmosDBNetworkingBlade,
 }
 export { Versions, ActionContracts, Diagnostics };
--- a/src/Contracts/ViewModels.ts
+++ b/src/Contracts/ViewModels.ts
@@ -186,6 +186,7 @@ export interface Collection extends CollectionBase {
  onDrop(source: Collection, event: { originalEvent: DragEvent }): void;
  uploadFiles(fileList: FileList): Promise<{ data: UploadDetailsRecord[] }>;
  getLabel(): string;
  getPendingThroughputSplitNotification(): Promise<DataModels.Notification>;
 }
@@ -396,7 +397,6 @@ export interface DataExplorerInputsFrame {
  dataExplorerVersion?: string;
  defaultCollectionThroughput?: CollectionCreationDefaults;
  isPostgresAccount?: boolean;
  isReplica?: boolean;
  // TODO: Update this param in the OSS extension to remove isFreeTier, isMarlinServerGroup, and make nodes a flat array instead of an nested array
  connectionStringParams?: any;
  flights?: readonly string[];
--- a/src/Explorer/Controls/Notebook/NotebookTerminalComponent.tsx
+++ b/src/Explorer/Controls/Notebook/NotebookTerminalComponent.tsx
@@ -77,7 +77,7 @@ export class NotebookTerminalComponent extends React.Component<NotebookTerminalC
    } else if (StringUtils.endsWith(notebookServerEndpoint, "cassandra")) {
      terminalEndpoint = this.props.databaseAccount?.properties.cassandraEndpoint;
    } else if (StringUtils.endsWith(notebookServerEndpoint, "postgresql")) {
-      return this.props.databaseAccount?.properties.postgresqlEndpoint;
+      return "c.vimeng-postgre-citus.postgres.database.azure.com";
    }
    if (terminalEndpoint) {
--- a/src/Explorer/OpenFullScreen.test.tsx
+++ b/src/Explorer/OpenFullScreen.test.tsx
@@ -1,9 +1,17 @@
 jest.mock("../hooks/useFullScreenURLs");
 import "@testing-library/jest-dom";
 import { render, screen } from "@testing-library/react";
 import React from "react";
 import { useFullScreenURLs } from "../hooks/useFullScreenURLs";
 import { OpenFullScreen } from "./OpenFullScreen";
 it("renders the correct URLs", () => {
  (useFullScreenURLs as jest.Mock).mockReturnValue({
    readWrite: "read and write url",
    read: "read only url",
  });
  render(<OpenFullScreen />);
-  expect(screen.getByText("Open")).toBeDefined();
+  expect(screen.getByLabelText("Read and Write")).toHaveValue("https://cosmos.azure.com/?key=read and write url");
  expect(screen.getByLabelText("Read Only")).toHaveValue("https://cosmos.azure.com/?key=read only url");
 });
--- a/src/Explorer/OpenFullScreen.tsx
+++ b/src/Explorer/OpenFullScreen.tsx
@@ -1,26 +1,66 @@
-import { PrimaryButton, Stack, Text } from "@fluentui/react";
+import { DefaultButton, PrimaryButton, Spinner, Stack, Text, TextField } from "@fluentui/react";
 import copyToClipboard from "clipboard-copy";
 import * as React from "react";
 import { useFullScreenURLs } from "../hooks/useFullScreenURLs";
 export const OpenFullScreen: React.FunctionComponent = () => {
  const [isReadUrlCopy, setIsReadUrlCopy] = React.useState<boolean>(false);
  const [isReadWriteUrlCopy, setIsReadWriteUrlCopy] = React.useState<boolean>(false);
  const result = useFullScreenURLs();
  if (!result) {
    return <Spinner label="Generating URLs..." ariaLive="assertive" labelPosition="right" />;
  }
  const readWriteUrl = `https://cosmos.azure.com/?key=${result.readWrite}`;
  const readUrl = `https://cosmos.azure.com/?key=${result.read}`;
  return (
    <>
-      <div style={{ padding: "34px" }}>
+      <Stack tokens={{ childrenGap: 10 }}>
-        <Stack tokens={{ childrenGap: 10 }}>
+        <Text>
-          <Text>
+          Open this database account in a new browser tab with Cosmos DB Explorer. Or copy the read-write or read only
-            Open this database account in a new browser tab with Cosmos DB Explorer. You can connect using your
+          access urls below to share with others. For security purposes, the URLs grant time-bound access to the
-            Microsoft account or a connection string.
+          account. When access expires, you can reconnect, using a valid connection string for the account.
-          </Text>
+        </Text>
-          <Stack horizontal tokens={{ childrenGap: 10 }}>
+        <TextField label="Read and Write" readOnly defaultValue={readWriteUrl} />
-            <PrimaryButton
+        <Stack horizontal tokens={{ childrenGap: 10 }}>
-              onClick={() => {
+          <DefaultButton
-                window.open("https://cosmos.azure.com/", "_blank");
+            ariaLabel={isReadWriteUrlCopy ? "Copied url" : "Copy"}
-              }}
+            onClick={() => {
-              text="Open"
+              copyToClipboard(readWriteUrl);
-              iconProps={{ iconName: "OpenInNewWindow" }}
+              setIsReadWriteUrlCopy(true);
-            />
+            }}
-          </Stack>
+            text={isReadWriteUrlCopy ? "Copied" : "Copy"}
            iconProps={{ iconName: "Copy" }}
          />
          <PrimaryButton
            onClick={() => {
              window.open(readWriteUrl, "_blank");
            }}
            text="Open"
            iconProps={{ iconName: "OpenInNewWindow" }}
          />
        </Stack>
-      </div>
+        <TextField label="Read Only" readOnly defaultValue={readUrl} />
        <Stack horizontal tokens={{ childrenGap: 10 }}>
          <DefaultButton
            ariaLabel={isReadUrlCopy ? "Copied url" : "Copy"}
            onClick={() => {
              setIsReadUrlCopy(true);
              copyToClipboard(readUrl);
            }}
            text={isReadUrlCopy ? "Copied" : "Copy"}
            iconProps={{ iconName: "Copy" }}
          />
          <PrimaryButton
            onClick={() => {
              window.open(readUrl, "_blank");
            }}
            text="Open"
            iconProps={{ iconName: "OpenInNewWindow" }}
          />
        </Stack>
      </Stack>
    </>
  );
 };
--- a/src/Explorer/Panes/Tables/AddTableEntityPanel.tsx
+++ b/src/Explorer/Panes/Tables/AddTableEntityPanel.tsx
@@ -242,11 +242,6 @@ export const AddTableEntityPanel: FunctionComponent<AddTableEntityPanelProps> =
    submitButtonText: getButtonLabel(userContext.apiType),
    onSubmit,
  };
  const handlekeypressaddentity = (event: React.KeyboardEvent<HTMLElement>) => {
    if (event.key === "Enter" || event.key === "Space") {
      addNewEntity();
    }
  };
  return (
    <RightPaneForm {...props}>
@@ -289,13 +284,7 @@ export const AddTableEntityPanel: FunctionComponent<AddTableEntityPanelProps> =
          );
        })}
        {userContext.apiType !== "Cassandra" && (
-          <Stack
+          <Stack horizontal onClick={addNewEntity} className="addButtonEntiy">
            horizontal
            onClick={addNewEntity}
            className="addButtonEntiy"
            tabIndex={0}
            onKeyPress={handlekeypressaddentity}
          >
            <Image {...imageProps} src={AddPropertyIcon} alt="Add Entity" />
            <Text className="addNewParamStyle">{getAddButtonLabel(userContext.apiType)}</Text>
          </Stack>
--- a/src/Explorer/Panes/Tables/snapshots/AddTableEntityPanel.test.tsx.snap
+++ b/src/Explorer/Panes/Tables/snapshots/AddTableEntityPanel.test.tsx.snap
@@ -29,14 +29,10 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
          className="addButtonEntiy"
          horizontal={true}
          onClick={[Function]}
          onKeyPress={[Function]}
          tabIndex={0}
        >
          <div
            className="ms-Stack addButtonEntiy css-53"
            onClick={[Function]}
            onKeyPress={[Function]}
            tabIndex={0}
          >
            <StyledImageBase
              alt="Add Entity"
--- a/src/Explorer/Quickstart/QuickstartCarousel.tsx
+++ b/src/Explorer/Quickstart/QuickstartCarousel.tsx
@@ -94,7 +94,7 @@ const getDescriptionText = (page: number): string => {
    case 1:
      return "Azure Cosmos DB is a fully managed NoSQL database service for modern app development. ";
    case 2:
-      return "Launch the quickstart for a tutorial to learn how to create a database, add sample data, connect to a sample app and more.";
+      return "Launch the quickstart for a tutotrial to learn how to create a database, add sample data, connect to a sample app and more.";
    case 3:
      return "Already have an existing app? Connect your database to an app, or tooling of your choice from Data Explorer.";
    default:
--- a/src/Explorer/Quickstart/QuickstartFirewallNotification.tsx
+++ b/src/Explorer/Quickstart/QuickstartFirewallNotification.tsx
@@ -1,22 +0,0 @@
 import { Image, PrimaryButton, Stack, Text } from "@fluentui/react";
 import { sendMessage } from "Common/MessageHandler";
 import { MessageTypes } from "Contracts/ExplorerContracts";
 import React from "react";
 import FirewallRuleScreenshot from "../../../images/firewallRule.png";
 export const QuickstartFirewallNotification: React.FC = (): JSX.Element => (
  <Stack style={{ padding: "16px 20px" }}>
    <Text block>
      To use the PostgreSQL shell, you need to add a firewall rule to allow access from all IP addresses
      (0.0.0.0-255.255.255).
    </Text>
    <Text block>We strongly recommend removing this rule once you finish using the PostgreSQL shell.</Text>
    <Image style={{ margin: "20px 0" }} src={FirewallRuleScreenshot} />
    <PrimaryButton
      style={{ width: 150 }}
      onClick={() => sendMessage({ type: MessageTypes.OpenPostgresNetworkingBlade })}
    >
      Add firewall rule
    </PrimaryButton>
  </Stack>
 );
--- a/src/Explorer/Quickstart/QuickstartGuide.tsx
+++ b/src/Explorer/Quickstart/QuickstartGuide.tsx
@@ -96,18 +96,12 @@ export const QuickstartGuide: React.FC = (): JSX.Element => {
      <Stack style={{ flexGrow: 1, padding: "0 20px", overflow: "auto" }}>
        <Text variant="xxLarge">Quick start guide</Text>
        {currentStep < 5 && (
-          <Pivot
+          <Pivot style={{ marginTop: 10, width: "100%" }} selectedKey={GuideSteps[currentStep]}>
            style={{ marginTop: 10, width: "100%" }}
            selectedKey={GuideSteps[currentStep]}
            onLinkClick={(item?: PivotItem) => setCurrentStep(Object.values(GuideSteps).indexOf(item.props.itemKey))}
          >
            <PivotItem
              headerText="Login"
              onRenderItemLink={(props, defaultRenderer) => customPivotHeaderRenderer(props, defaultRenderer, 0)}
              itemKey={GuideSteps[0]}
-              onClick={() => {
+              onClick={() => setCurrentStep(0)}
                setCurrentStep(0);
              }}
            >
              <Stack style={{ marginTop: 20 }}>
                <Text>
@@ -115,12 +109,8 @@ export const QuickstartGuide: React.FC = (): JSX.Element => {
                  <br />
                  <br />
                  To begin, please enter the cluster&apos;s password in the PostgreSQL terminal.
                  <br />
                  <br />
                  Note: If you navigate out of the Quick Start tab (PostgreSQL Shell), the session will be closed and
                  all ongoing commands might be interrupted.
                </Text>
-                <Youtube videoId="nT64dFSfiUo" style={{ margin: "20px 0" }} opts={{ width: "90%" }} />
+                <Youtube videoId="UaBDXHMQAUw" style={{ margin: "20px 0" }} opts={{ width: "90%" }} />
              </Stack>
            </PivotItem>
            <PivotItem
@@ -130,7 +120,7 @@ export const QuickstartGuide: React.FC = (): JSX.Element => {
              onClick={() => setCurrentStep(1)}
            >
              <Stack style={{ marginTop: 20 }}>
-                <Text>Let&apos;s create two tables github_users and github_events in “cosmosdb_tutorial” schema.</Text>
+                <Text>Let’s create two tables github_users and github_events in “cosmosdb_tutorial” schema.</Text>
                <DefaultButton
                  style={{ marginTop: 16, width: 150 }}
                  onClick={() => useTerminal.getState().sendMessage(newTableCommand)}
@@ -160,7 +150,7 @@ export const QuickstartGuide: React.FC = (): JSX.Element => {
                    onClick={() => onCopyBtnClicked("#newTableCommand")}
                  />
                </Stack>
-                <Youtube videoId="il_sA6U1WcY" style={{ margin: "20px 0" }} opts={{ width: "90%" }} />
+                <Youtube videoId="VJqupvSQ-mw" style={{ margin: "20px 0" }} opts={{ width: "90%" }} />
              </Stack>
            </PivotItem>
            <PivotItem
@@ -205,7 +195,7 @@ export const QuickstartGuide: React.FC = (): JSX.Element => {
                    onClick={() => onCopyBtnClicked("#distributeTableCommand")}
                  />
                </Stack>
-                <Youtube videoId="kCCDRRrN1r0" style={{ margin: "20px 0" }} opts={{ width: "90%" }} />
+                <Youtube videoId="Q-AW7q1GLDY" style={{ margin: "20px 0" }} opts={{ width: "90%" }} />
              </Stack>
            </PivotItem>
            <PivotItem
@@ -245,7 +235,7 @@ export const QuickstartGuide: React.FC = (): JSX.Element => {
                    onClick={() => onCopyBtnClicked("#loadDataCommand")}
                  />
                </Stack>
-                <Youtube videoId="XSMEE2tujEk" style={{ margin: "20px 0" }} opts={{ width: "90%" }} />
+                <Youtube videoId="h15fvLKXzRo" style={{ margin: "20px 0" }} opts={{ width: "90%" }} />
              </Stack>
            </PivotItem>
            <PivotItem
@@ -287,7 +277,7 @@ export const QuickstartGuide: React.FC = (): JSX.Element => {
                    onClick={() => onCopyBtnClicked("#queryCommand")}
                  />
                </Stack>
-                <Youtube videoId="k_EanjMtaPg" style={{ margin: "20px 0" }} opts={{ width: "90%" }} />
+                <Youtube videoId="p46nRnE4b8Y" style={{ margin: "20px 0" }} opts={{ width: "90%" }} />
              </Stack>
            </PivotItem>
          </Pivot>
--- a/src/Explorer/SplashScreen/SplashScreen.less
+++ b/src/Explorer/SplashScreen/SplashScreen.less
@@ -14,6 +14,10 @@
    padding-right: 16px;
    max-width: 1168px;
    > * {
      justify-content: space-between;
    }
    > .title {
      position: relative; // To attach FeaturePanelLauncher as absolute
      color: @BaseHigh;
--- a/src/Explorer/SplashScreen/SplashScreen.tsx
+++ b/src/Explorer/SplashScreen/SplashScreen.tsx
@@ -186,10 +186,7 @@ export class SplashScreen extends React.Component<SplashScreenProps> {
                    headline="Create your password"
                    target={"#mainButton-quickstartDescription"}
                    hasCloseButton
-                    onDismiss={() => {
+                    onDismiss={() => usePostgres.getState().setShowResetPasswordBubble(false)}
                      localStorage.setItem(userContext.databaseAccount.id, "true");
                      usePostgres.getState().setShowResetPasswordBubble(false);
                    }}
                    calloutProps={{
                      directionalHint: DirectionalHint.bottomRightEdge,
                      directionalHintFixed: true,
@@ -200,15 +197,14 @@ export class SplashScreen extends React.Component<SplashScreenProps> {
                    primaryButtonProps={{
                      text: "Create",
                      onClick: () => {
                        localStorage.setItem(userContext.databaseAccount.id, "true");
                        sendMessage({
-                          type: MessageTypes.OpenPostgreSQLPasswordReset,
+                          type: MessageTypes.OpenQuickstartBlade,
                        });
                        usePostgres.getState().setShowResetPasswordBubble(false);
                      },
                    }}
                  >
-                    If you haven&apos;t changed your password yet, change it now.
+                    This password will be used to connect to the database.
                  </TeachingBubble>
                )}
              </div>
@@ -304,11 +300,7 @@ export class SplashScreen extends React.Component<SplashScreenProps> {
  public createMainItems(): SplashScreenItem[] {
    const heroes: SplashScreenItem[] = [];
-    if (
+    if (userContext.apiType === "SQL" || userContext.apiType === "Mongo" || userContext.apiType === "Postgres") {
      userContext.apiType === "SQL" ||
      userContext.apiType === "Mongo" ||
      (userContext.apiType === "Postgres" && !userContext.isReplica)
    ) {
      const launchQuickstartBtn = {
        id: "quickstartDescription",
        iconSrc: QuickStartIcon,
@@ -355,10 +347,10 @@ export class SplashScreen extends React.Component<SplashScreenProps> {
    const connectBtn = {
      iconSrc: ConnectIcon,
-      title: userContext.apiType === "Postgres" ? "Connect with pgAdmin" : "Connect",
+      title: userContext.apiType === "Postgres" ? "Connect with PG Admin" : "Connect",
      description:
        userContext.apiType === "Postgres"
-          ? "Prefer pgAdmin? Find your connection strings here"
+          ? "Prefer PGadmin? Find your connection strings here"
          : "Prefer using your own choice of tooling? Find the connection string you need to connect",
      onClick: () => useTabs.getState().openAndActivateReactTab(ReactTabKind.Connect),
    };
--- a/src/Explorer/Tables/QueryBuilder/QueryBuilderViewModel.ts
+++ b/src/Explorer/Tables/QueryBuilder/QueryBuilderViewModel.ts
@@ -516,7 +516,7 @@ export default class QueryBuilderViewModel {
  };
  public onAddNewClauseKeyDown = (event: KeyboardEvent): boolean => {
-    if (event.key === "Enter" || event.key === "Space") {
+    if (event.keyCode === KeyCodes.Enter || event.keyCode === KeyCodes.Space) {
      this.addClauseIndex(this.clauseArray().length - 1);
      event.stopPropagation();
      return false;
--- a/src/Explorer/Tabs/PostgresConnectTab.tsx
+++ b/src/Explorer/Tabs/PostgresConnectTab.tsx
@@ -120,7 +120,7 @@ You can enable or disable public IP addresses on the worker nodes on 'Networking
      </Stack>
      <Label>Secure connections</Label>
-      <Text style={{ marginBottom: 8 }}>
+      <Text>
        Only secure connections are supported. For production use cases, we recommend using the &apos;verify-full&apos;
        mode to enforce TLS certificate verification. You will need to download the Hyperscale (Citus) certificate, and
        provide it when connecting to the database.{" "}
@@ -128,18 +128,6 @@ You can enable or disable public IP addresses on the worker nodes on 'Networking
          Learn more
        </Link>
      </Text>
      <Label>Connect with pgAdmin</Label>
      <Text>
        Refer to our{" "}
        <Link
          href="https://learn.microsoft.com/en-us/azure/postgresql/hyperscale/howto-connect?tabs=pgadmin"
          target="_blank"
        >
          guide
        </Link>{" "}
        to help you connect via pgAdmin.
      </Text>
    </div>
  );
 };
--- a/src/Explorer/Tabs/QueryTablesTab.html
+++ b/src/Explorer/Tabs/QueryTablesTab.html
@@ -70,19 +70,24 @@
            <tbody data-bind="template: { name: 'queryClause-template', foreach: clauseArray, as: 'clause' }"></tbody>
          </table>
        </div>
-        <button
+        <div
-          data-bind="click: addNewClause, event: { keydown: onAddNewClauseKeyDown }"
+          class="addClause"
-          style="border: none; background: none"
+          role="button"
          data-bind="click: addNewClause, event: { keydown: onAddNewClauseKeyDown }, attr: { title: addNewClauseLine }"
          tabindex="0"
        >
-          <div class="addClause" data-bind=" ">
+          <div class="addClause-heading">
-            <div class="addClause-heading">
+            <span class="clause-table addClause-title">
-              <span class="clause-table addClause-title">
+              <img
-                <img class="addclauseProperty-Img" style="margin-bottom: 5px" src="/Add-property.svg" />
+                class="addclauseProperty-Img"
-                <span style="margin-left: 5px" data-bind="text: addNewClauseLine"></span>
+                style="margin-bottom: 5px"
-              </span>
+                src="/Add-property.svg"
-            </div>
+                alt="Add new clause"
              />
              <span style="margin-left: 5px" data-bind="text: addNewClauseLine"></span>
            </span>
          </div>
-        </button>
+        </div>
      </div>
    </div>
    <!-- Tables Query Tab Query Helper - End-->
@@ -163,20 +168,22 @@
 <script type="text/html" id="queryClause-template">
  <tr class="clause-table-row">
    <td class="clause-table-cell action-column">
-      <button
+      <span
        class="entity-Add-Cancel"
        role="button"
        tabindex="0"
        data-bind="click: $parent.addClauseIndex.bind($data, $index()), event: { keydown: $parent.onAddClauseKeyDown.bind($data, $index()) }, attr:{title: $parent.insertNewFilterLine}"
      >
-        <span class="entity-Add-Cancel" role="button">
+        <img class="querybuilder-addpropertyImg" src="/Add-property.svg" alt="Add clause" />
-          <img class="querybuilder-addpropertyImg" src="/Add-property.svg" alt="Add clause" />
+      </span>
-        </span>
+      <span
-      </button>
+        class="entity-Add-Cancel"
-      <button
+        role="button"
        tabindex="0"
        data-bind="hasFocus: isDeleteButtonFocused, click: $parent.deleteClause.bind($data, $index()), event: { keydown: $parent.onDeleteClauseKeyDown.bind($data, $index()) }, attr:{title: $parent.removeThisFilterLine}"
      >
-        <span class="entity-Add-Cancel" role="button">
+        <img class="querybuilder-cancelImg" src="/Entity_cancel.svg" alt="Delete clause" />
-          <img class="querybuilder-cancelImg" src="/Entity_cancel.svg" alt="Delete clause" />
+      </span>
        </span>
      </button>
    </td>
    <td class="clause-table-cell group-control-column">
      <input type="checkbox" aria-label="And/Or" data-bind="checked: checkedForGrouping" />
--- a/src/Explorer/Tabs/QuickstartTab.tsx
+++ b/src/Explorer/Tabs/QuickstartTab.tsx
@@ -1,15 +1,11 @@
-import { Spinner, SpinnerSize, Stack, Text } from "@fluentui/react";
+import { Spinner, SpinnerSize, Stack } from "@fluentui/react";
-import { configContext } from "ConfigContext";
+import { NotebookWorkspaceConnectionInfo } from "Contracts/DataModels";
 import { NotebookWorkspaceConnectionInfo, PostgresFirewallRule } from "Contracts/DataModels";
 import { NotebookTerminalComponent } from "Explorer/Controls/Notebook/NotebookTerminalComponent";
 import Explorer from "Explorer/Explorer";
 import { useNotebook } from "Explorer/Notebook/useNotebook";
 import { QuickstartFirewallNotification } from "Explorer/Quickstart/QuickstartFirewallNotification";
 import { QuickstartGuide } from "Explorer/Quickstart/QuickstartGuide";
-import { ReactTabKind, useTabs } from "hooks/useTabs";
+import React, { useEffect } from "react";
 import React, { useEffect, useState } from "react";
 import { userContext } from "UserContext";
 import { armRequest } from "Utils/arm/request";
 interface QuickstartTabProps {
  explorer: Explorer;
@@ -17,67 +13,30 @@ interface QuickstartTabProps {
 export const QuickstartTab: React.FC<QuickstartTabProps> = ({ explorer }: QuickstartTabProps): JSX.Element => {
  const notebookServerInfo = useNotebook((state) => state.notebookServerInfo);
-  const [isAllPublicIPAddressEnabled, setIsAllPublicIPAddressEnabled] = useState<boolean>(true);
+  useEffect(() => {
-
+    explorer.allocateContainer();
  }, []);
  const getNotebookServerInfo = (): NotebookWorkspaceConnectionInfo => ({
    authToken: notebookServerInfo.authToken,
    notebookServerEndpoint: `${notebookServerInfo.notebookServerEndpoint?.replace(/\/+$/, "")}/postgresql`,
    forwardingId: notebookServerInfo.forwardingId,
  });
  const checkFirewallRules = async (): Promise<void> => {
    const firewallRulesUri = `${userContext.databaseAccount.id}/firewallRules`;
    // eslint-disable-next-line @typescript-eslint/no-explicit-any
    const response: any = await armRequest({
      host: configContext.ARM_ENDPOINT,
      path: firewallRulesUri,
      method: "GET",
      apiVersion: "2020-10-05-privatepreview",
    });
    const firewallRules: PostgresFirewallRule[] = response?.data?.value || response?.value || [];
    const isEnabled = firewallRules.some(
      (rule) => rule.properties.startIpAddress === "0.0.0.0" && rule.properties.endIpAddress === "255.255.255.255"
    );
    setIsAllPublicIPAddressEnabled(isEnabled);
    // If the firewall rule is not added, check every 30 seconds to see if the user has added the rule
    if (!isEnabled && useTabs.getState().activeReactTab === ReactTabKind.Quickstart) {
      setTimeout(checkFirewallRules, 30000);
    }
  };
  useEffect(() => {
    checkFirewallRules();
  });
  useEffect(() => {
    explorer.allocateContainer();
  }, []);
  return (
    <Stack style={{ width: "100%" }} horizontal>
      <Stack style={{ width: "50%" }}>
        <QuickstartGuide />
      </Stack>
      <Stack style={{ width: "50%", borderLeft: "black solid 1px" }}>
-        {!isAllPublicIPAddressEnabled && <QuickstartFirewallNotification />}
+        {notebookServerInfo?.notebookServerEndpoint && (
        {isAllPublicIPAddressEnabled && notebookServerInfo?.notebookServerEndpoint && (
          <NotebookTerminalComponent
            notebookServerInfo={getNotebookServerInfo()}
            databaseAccount={userContext.databaseAccount}
            tabId="QuickstartPSQLShell"
          />
        )}
-        {isAllPublicIPAddressEnabled && !notebookServerInfo?.notebookServerEndpoint && (
+        {!notebookServerInfo?.notebookServerEndpoint && (
-          <Stack style={{ margin: "auto 0" }}>
+          <Spinner styles={{ root: { marginTop: 10 } }} size={SpinnerSize.large}></Spinner>
            <Text block style={{ margin: "auto" }}>
              Connecting to the PostgreSQL shell.
            </Text>
            <Text block style={{ margin: "auto" }}>
              If the cluster was just created, this could take up to a minute.
            </Text>
            <Spinner styles={{ root: { marginTop: 16 } }} size={SpinnerSize.large}></Spinner>
          </Stack>
        )}
      </Stack>
    </Stack>
--- a/src/Explorer/Tabs/Tabs.tsx
+++ b/src/Explorer/Tabs/Tabs.tsx
@@ -1,6 +1,3 @@
 import { MessageBar, MessageBarButton, MessageBarType } from "@fluentui/react";
 import { sendMessage } from "Common/MessageHandler";
 import { MessageTypes } from "Contracts/ExplorerContracts";
 import { CollectionTabKind } from "Contracts/ViewModels";
 import Explorer from "Explorer/Explorer";
 import { SplashScreen } from "Explorer/SplashScreen/SplashScreen";
@@ -24,24 +21,10 @@ interface TabsProps {
 }
 export const Tabs = ({ explorer }: TabsProps): JSX.Element => {
-  const { openedTabs, openedReactTabs, activeTab, activeReactTab, showNetworkSettingsWarning } = useTabs();
+  const { openedTabs, openedReactTabs, activeTab, activeReactTab } = useTabs();
  return (
    <div className="tabsManagerContainer">
      {showNetworkSettingsWarning && (
        <MessageBar
          messageBarType={MessageBarType.warning}
          actions={
            <MessageBarButton onClick={() => sendMessage({ type: MessageTypes.OpenPostgresNetworkingBlade })}>
              Change network settings
            </MessageBarButton>
          }
          messageBarIconProps={{ iconName: "WarningSolid", className: "messageBarWarningIcon" }}
        >
          The Network settings for this account are preventing access from Data Explorer. Please allow access from Azure
          Portal to proceed.
        </MessageBar>
      )}
      <div id="content" className="flexContainer hideOverflows">
        <div className="nav-tabs-margin">
          <ul className="nav nav-tabs level navTabHeight" id="navTabs" role="tablist">
--- a/src/Explorer/Tabs/TerminalTab.tsx
+++ b/src/Explorer/Tabs/TerminalTab.tsx
@@ -1,9 +1,6 @@
 import { Spinner, SpinnerSize } from "@fluentui/react";
 import { configContext } from "ConfigContext";
 import { QuickstartFirewallNotification } from "Explorer/Quickstart/QuickstartFirewallNotification";
 import * as ko from "knockout";
 import * as React from "react";
 import { armRequest } from "Utils/arm/request";
 import { ReactAdapter } from "../../Bindings/ReactBindingHandler";
 import * as DataModels from "../../Contracts/DataModels";
 import * as ViewModels from "../../Contracts/ViewModels";
@@ -29,15 +26,10 @@ class NotebookTerminalComponentAdapter implements ReactAdapter {
  constructor(
    private getNotebookServerInfo: () => DataModels.NotebookWorkspaceConnectionInfo,
    private getDatabaseAccount: () => DataModels.DatabaseAccount,
-    private getTabId: () => string,
+    private getTabId: () => string
    private isAllPublicIPAddressesEnabled: ko.Observable<boolean>
  ) {}
  public renderComponent(): JSX.Element {
    if (!this.isAllPublicIPAddressesEnabled()) {
      return <QuickstartFirewallNotification />;
    }
    return this.parameters() ? (
      <NotebookTerminalComponent
        notebookServerInfo={this.getNotebookServerInfo()}
@@ -54,33 +46,25 @@ export default class TerminalTab extends TabsBase {
  public readonly html = '<div style="height: 100%" data-bind="react:notebookTerminalComponentAdapter"></div>  ';
  private container: Explorer;
  private notebookTerminalComponentAdapter: NotebookTerminalComponentAdapter;
  private isAllPublicIPAddressesEnabled: ko.Observable<boolean>;
  constructor(options: TerminalTabOptions) {
    super(options);
    this.container = options.container;
    this.isAllPublicIPAddressesEnabled = ko.observable(true);
    this.notebookTerminalComponentAdapter = new NotebookTerminalComponentAdapter(
      () => this.getNotebookServerInfo(options),
      () => userContext?.databaseAccount,
-      () => this.tabId,
+      () => this.tabId
      this.isAllPublicIPAddressesEnabled
    );
    this.notebookTerminalComponentAdapter.parameters = ko.computed<boolean>(() => {
      if (
        this.isTemplateReady() &&
        useNotebook.getState().isNotebookEnabled &&
-        useNotebook.getState().notebookServerInfo?.notebookServerEndpoint &&
+        useNotebook.getState().notebookServerInfo?.notebookServerEndpoint
        this.isAllPublicIPAddressesEnabled()
      ) {
        return true;
      }
      return false;
    });
    if (options.kind === ViewModels.TerminalKind.Postgres) {
      this.checkPostgresFirewallRules();
    }
  }
  public getContainer(): Explorer {
@@ -126,25 +110,4 @@ export default class TerminalTab extends TabsBase {
      forwardingId: info.forwardingId,
    };
  }
  private async checkPostgresFirewallRules(): Promise<void> {
    const firewallRulesUri = `${userContext.databaseAccount.id}/firewallRules`;
    // eslint-disable-next-line @typescript-eslint/no-explicit-any
    const response: any = await armRequest({
      host: configContext.ARM_ENDPOINT,
      path: firewallRulesUri,
      method: "GET",
      apiVersion: "2020-10-05-privatepreview",
    });
    const firewallRules: DataModels.PostgresFirewallRule[] = response?.data?.value || response?.value || [];
    const isEnabled = firewallRules.some(
      (rule) => rule.properties.startIpAddress === "0.0.0.0" && rule.properties.endIpAddress === "255.255.255.255"
    );
    this.isAllPublicIPAddressesEnabled(isEnabled);
    // If the firewall rule is not added, check every 30 seconds to see if the user has added the rule
    if (!isEnabled) {
      setTimeout(() => this.checkPostgresFirewallRules(), 30000);
    }
  }
 }
--- a/src/Explorer/Tree/Collection.ts
+++ b/src/Explorer/Tree/Collection.ts
@@ -1160,6 +1160,23 @@ export default class Collection implements ViewModels.Collection {
    this.onDocumentDBDocumentsClick();
  }
  /**
   * Get correct collection label depending on account API
   */
  public getLabel(): string {
    if (userContext.apiType === "Tables") {
      return "Entities";
    } else if (userContext.apiType === "Cassandra") {
      return "Rows";
    } else if (userContext.apiType === "Gremlin") {
      return "Graph";
    } else if (userContext.apiType === "Mongo") {
      return "Documents";
    }
    return "Items";
  }
  public getDatabase(): ViewModels.Database {
    return useDatabases.getState().findDatabaseWithId(this.databaseId);
  }
--- a/src/Explorer/Tree/ResourceTree.tsx
+++ b/src/Explorer/Tree/ResourceTree.tsx
@@ -1,6 +1,5 @@
 import { Callout, DirectionalHint, ICalloutProps, ILinkProps, Link, Stack, Text } from "@fluentui/react";
 import * as React from "react";
 import { getItemName } from "Utils/APITypeUtils";
 import shallow from "zustand/shallow";
 import CosmosDBIcon from "../../../images/Azure-Cosmos-DB.svg";
 import DeleteIcon from "../../../images/delete.svg";
@@ -498,7 +497,7 @@ export const ResourceTree: React.FC<ResourceTreeProps> = ({ container }: Resourc
  const buildCollectionNode = (database: ViewModels.Database, collection: ViewModels.Collection): TreeNode => {
    const children: TreeNode[] = [];
    children.push({
-      label: getItemName(),
+      label: collection.getLabel(),
      id: collection.isSampleCollection ? "sampleItems" : "",
      onClick: () => {
        collection.openTab();
--- a/src/Explorer/Tree/ResourceTreeAdapter.tsx
+++ b/src/Explorer/Tree/ResourceTreeAdapter.tsx
@@ -1,7 +1,6 @@
 import { Callout, DirectionalHint, ICalloutProps, ILinkProps, Link, Stack, Text } from "@fluentui/react";
 import * as ko from "knockout";
 import * as React from "react";
 import { getItemName } from "Utils/APITypeUtils";
 import CosmosDBIcon from "../../../images/Azure-Cosmos-DB.svg";
 import DeleteIcon from "../../../images/delete.svg";
 import GalleryIcon from "../../../images/GalleryIcon.svg";
@@ -255,7 +254,7 @@ export class ResourceTreeAdapter implements ReactAdapter {
  private buildCollectionNode(database: ViewModels.Database, collection: ViewModels.Collection): TreeNode {
    const children: TreeNode[] = [];
    children.push({
-      label: getItemName(),
+      label: collection.getLabel(),
      onClick: () => {
        collection.openTab();
        // push to most recent
--- a/src/Phoenix/PhoenixClient.ts
+++ b/src/Phoenix/PhoenixClient.ts
@@ -45,11 +45,7 @@ export class PhoenixClient {
  }
  public async allocateContainer(provisionData: IProvisionData): Promise<IResponse<IPhoenixServiceInfo>> {
-    return promiseRetry(() => this.executeContainerAssignmentOperation(provisionData, "allocate"), {
+    return this.executeContainerAssignmentOperation(provisionData, "allocate");
      retries: 4,
      maxTimeout: 20000,
      minTimeout: 20000,
    });
  }
  public async resetContainer(provisionData: IProvisionData): Promise<IResponse<IPhoenixServiceInfo>> {
@@ -84,12 +80,9 @@ export class PhoenixClient {
      }
      const phoenixError = responseJson as IPhoenixError;
      if (response.status === HttpStatusCodes.Forbidden) {
-        if (phoenixError.message === "Sequence contains no elements") {
+        throw new Error(this.ConvertToForbiddenErrorString(phoenixError));
          throw Error("Phoenix container allocation failed, please try again later.");
        }
        throw new AbortError(this.ConvertToForbiddenErrorString(phoenixError));
      }
-      throw new AbortError(phoenixError.message);
+      throw new Error(phoenixError.message);
    } catch (error) {
      error.status = response?.status;
      throw error;
--- a/src/Platform/Hosted/Authorization.ts
+++ b/src/Platform/Hosted/Authorization.ts
@@ -0,0 +1,31 @@
 import * as Constants from "../../Common/Constants";
 import { configContext } from "../../ConfigContext";
 import * as DataModels from "../../Contracts/DataModels";
 import { DefaultExperienceUtility } from "../../Shared/DefaultExperienceUtility";
 import { userContext } from "../../UserContext";
 export default class AuthHeadersUtil {
  public static async generateEncryptedToken(readOnly: boolean = false): Promise<DataModels.GenerateTokenResponse> {
    const url = configContext.BACKEND_ENDPOINT + "/api/tokens/generateToken" + AuthHeadersUtil._generateResourceUrl();
    const headers: any = { authorization: userContext.authorizationToken };
    headers[Constants.HttpHeaders.getReadOnlyKey] = readOnly;
    const response = await fetch(url, { method: "POST", headers });
    const result = await response.json();
    // This API has a quirk where the response must be parsed to JSON twice
    return JSON.parse(result);
  }
  private static _generateResourceUrl(): string {
    const { databaseAccount, resourceGroup, subscriptionId } = userContext;
    const apiKind: DataModels.ApiKind = DefaultExperienceUtility.getApiKindFromDefaultExperience(userContext.apiType);
    const accountEndpoint = databaseAccount?.properties?.documentEndpoint || "";
    const sid = subscriptionId || "";
    const rg = resourceGroup || "";
    const dba = databaseAccount?.name || "";
    const resourceUrl = encodeURIComponent(accountEndpoint);
    const rid = "";
    const rtype = "";
    return `?resourceUrl=${resourceUrl}&rid=${rid}&rtype=${rtype}&sid=${sid}&rg=${rg}&dba=${dba}&api=${apiKind}`;
  }
 }
--- a/src/Terminal/JupyterLabAppFactory.ts
+++ b/src/Terminal/JupyterLabAppFactory.ts
@@ -81,9 +81,6 @@ export class JupyterLabAppFactory {
    // Attach the widget to the dom.
    Widget.attach(panel, document.body);
    // Switch focus to the terminal
    term.activate();
    // Handle resize events.
    window.addEventListener("resize", () => {
      panel.update();
--- a/src/Terminal/index.ts
+++ b/src/Terminal/index.ts
@@ -42,7 +42,7 @@ const createServerSettings = (props: TerminalProps): ServerConnection.ISettings
  return ServerConnection.makeSettings(options);
 };
-const initTerminal = async (props: TerminalProps): Promise<ITerminalConnection | undefined> => {
+const initTerminal = async (props: TerminalProps): Promise<ITerminalConnection> => {
  // Initialize userContext (only properties which are needed by TelemetryProcessor)
  updateUserContext({
    subscriptionId: props.subscriptionId,
--- a/src/UserContext.ts
+++ b/src/UserContext.ts
@@ -67,7 +67,6 @@ interface UserContext {
    partitionKey?: string;
  };
  readonly postgresConnectionStrParams?: PostgresConnectionStrParams;
  readonly isReplica?: boolean;
  collectionCreationDefaults: CollectionCreationDefaults;
 }
@@ -110,19 +109,16 @@ function updateUserContext(newContext: Partial<UserContext>): void {
    );
    if (!localStorage.getItem(newContext.databaseAccount.id)) {
-      if (newContext.isTryCosmosDBSubscription || isNewAccount) {
+      if (newContext.apiType === "Postgres") {
        if (newContext.apiType === "Postgres" && !newContext.isReplica) {
          usePostgres.getState().setShowResetPasswordBubble(true);
          usePostgres.getState().setShowPostgreTeachingBubble(true);
        } else {
          useCarousel.getState().setShouldOpen(true);
          localStorage.setItem(newContext.databaseAccount.id, "true");
          traceOpen(Action.OpenCarousel);
        }
      } else if (newContext.apiType === "Postgres") {
        usePostgres.getState().setShowPostgreTeachingBubble(true);
        localStorage.setItem(newContext.databaseAccount.id, "true");
      }
      if (userContext.isTryCosmosDBSubscription || isNewAccount) {
        useCarousel.getState().setShouldOpen(true);
        usePostgres.getState().setShowResetPasswordBubble(true);
        localStorage.setItem(newContext.databaseAccount.id, "true");
        traceOpen(Action.OpenCarousel);
      }
    }
  }
  Object.assign(userContext, newContext);
@@ -133,28 +129,30 @@ function apiType(account: DatabaseAccount | undefined): ApiType {
    return "SQL";
  }
-  const capabilities = account.properties?.capabilities;
+  return "Postgres";
-  if (capabilities) {
+
-    if (capabilities.find((c) => c.name === "EnableCassandra")) {
+  // const capabilities = account.properties?.capabilities;
-      return "Cassandra";
+  // if (capabilities) {
-    }
+  //   if (capabilities.find((c) => c.name === "EnableCassandra")) {
-    if (capabilities.find((c) => c.name === "EnableGremlin")) {
+  //     return "Cassandra";
-      return "Gremlin";
+  //   }
-    }
+  //   if (capabilities.find((c) => c.name === "EnableGremlin")) {
-    if (capabilities.find((c) => c.name === "EnableMongo")) {
+  //     return "Gremlin";
-      return "Mongo";
+  //   }
-    }
+  //   if (capabilities.find((c) => c.name === "EnableMongo")) {
-    if (capabilities.find((c) => c.name === "EnableTable")) {
+  //     return "Mongo";
-      return "Tables";
+  //   }
-    }
+  //   if (capabilities.find((c) => c.name === "EnableTable")) {
-  }
+  //     return "Tables";
-  if (account.kind === "MongoDB" || account.kind === "Parse") {
+  //   }
-    return "Mongo";
+  // }
-  }
+  // if (account.kind === "MongoDB" || account.kind === "Parse") {
-  if (account.kind === "Postgres") {
+  //   return "Mongo";
-    return "Postgres";
+  // }
-  }
+  // if (account.kind === "Postgres") {
-  return "SQL";
+  //   return "Postgres";
  // }
  // return "SQL";
 }
 export { userContext, updateUserContext };
--- a/src/Utils/APITypeUtils.ts
+++ b/src/Utils/APITypeUtils.ts
@@ -74,18 +74,3 @@ export const getApiShortDisplayName = (): string => {
      return "Table API";
  }
 };
 export const getItemName = (): string => {
  switch (userContext.apiType) {
    case "Tables":
      return "Entities";
    case "Cassandra":
      return "Rows";
    case "Gremlin":
      return "Graph";
    case "Mongo":
      return "Documents";
    default:
      return "Items";
  }
 };
--- a/src/Utils/NetworkUtility.ts
+++ b/src/Utils/NetworkUtility.ts
@@ -1,40 +0,0 @@
 import { userContext } from "UserContext";
 const PortalIPs: { [key: string]: string[] } = {
  prod1: ["104.42.195.92", "40.76.54.131"],
  prod2: ["104.42.196.69"],
  mooncake: ["139.217.8.252"],
  blackforest: ["51.4.229.218"],
  fairfax: ["52.244.48.71"],
  ussec: ["29.26.26.67", "29.26.26.66"],
  usnat: ["7.28.202.68"],
 };
 export const doNetworkSettingsAllowDataExplorerAccess = (): boolean => {
  const accountProperties = userContext.databaseAccount?.properties;
  if (!accountProperties) {
    return false;
  }
  // public network access is disabled
  if (accountProperties.publicNetworkAccess !== "Enabled") {
    return false;
  }
  const ipRules = accountProperties.ipRules;
  // public network access is set to "All networks"
  if (ipRules.length === 0) {
    return true;
  }
  const portalIPs = PortalIPs[userContext.portalEnv];
  let numberOfMatches = 0;
  ipRules.forEach((ipRule) => {
    if (portalIPs.indexOf(ipRule.ipAddressOrRange) !== -1) {
      numberOfMatches++;
    }
  });
  return numberOfMatches === portalIPs.length;
 };
--- a/src/hooks/useFullScreenURLs.tsx
+++ b/src/hooks/useFullScreenURLs.tsx
@@ -0,0 +1,18 @@
 import { useEffect, useState } from "react";
 import { GenerateTokenResponse } from "../Contracts/DataModels";
 import AuthHeadersUtil from "../Platform/Hosted/Authorization";
 export function useFullScreenURLs(): GenerateTokenResponse | undefined {
  const [state, setState] = useState<GenerateTokenResponse>();
  useEffect(() => {
    Promise.all([AuthHeadersUtil.generateEncryptedToken(), AuthHeadersUtil.generateEncryptedToken(true)]).then(
      ([readWriteResponse, readOnlyResponse]) =>
        setState({
          readWrite: readWriteResponse.readWrite,
          read: readOnlyResponse.read,
        })
    );
  }, []);
  return state;
 }
--- a/src/hooks/useKnockoutExplorer.ts
+++ b/src/hooks/useKnockoutExplorer.ts
@@ -1,6 +1,5 @@
 import { ReactTabKind, useTabs } from "hooks/useTabs";
 import { useEffect, useState } from "react";
 import { doNetworkSettingsAllowDataExplorerAccess } from "Utils/NetworkUtility";
 import { applyExplorerBindings } from "../applyExplorerBindings";
 import { AuthType } from "../AuthType";
 import { AccountKind, Flights } from "../Common/Constants";
@@ -365,7 +364,7 @@ function updateContextsFromPortalMessage(inputs: DataExplorerInputsFrame) {
  });
  if (inputs.isPostgresAccount) {
-    updateUserContext({ apiType: "Postgres", isReplica: !!inputs.isReplica });
+    updateUserContext({ apiType: "Postgres" });
    if (inputs.connectionStringParams) {
      // TODO: Remove after the nodes param has been updated to be a flat array in the OSS extension
@@ -382,9 +381,6 @@ function updateContextsFromPortalMessage(inputs: DataExplorerInputsFrame) {
    }
  }
  const isDataExplorerAccessAllowed = doNetworkSettingsAllowDataExplorerAccess();
  useTabs.getState().setShowNetworkSettingsWarning(!isDataExplorerAccessAllowed);
  if (inputs.features) {
    Object.assign(userContext.features, extractFeatures(new URLSearchParams(inputs.features)));
  }
--- a/src/hooks/useTabs.ts
+++ b/src/hooks/useTabs.ts
@@ -9,7 +9,6 @@ interface TabsState {
  openedReactTabs: ReactTabKind[];
  activeTab: TabsBase | undefined;
  activeReactTab: ReactTabKind | undefined;
  showNetworkSettingsWarning: boolean;
  activateTab: (tab: TabsBase) => void;
  activateNewTab: (tab: TabsBase) => void;
  activateReactTab: (tabkind: ReactTabKind) => void;
@@ -21,7 +20,6 @@ interface TabsState {
  closeAllNotebookTabs: (hardClose: boolean) => void;
  openAndActivateReactTab: (tabKind: ReactTabKind) => void;
  closeReactTab: (tabKind: ReactTabKind) => void;
  setShowNetworkSettingsWarning: (showWarning: boolean) => void;
 }
 export enum ReactTabKind {
@@ -35,7 +33,6 @@ export const useTabs: UseStore<TabsState> = create((set, get) => ({
  openedReactTabs: [ReactTabKind.Home],
  activeTab: undefined,
  activeReactTab: ReactTabKind.Home,
  showNetworkSettingsWarning: false,
  activateTab: (tab: TabsBase): void => {
    if (get().openedTabs.some((openedTab) => openedTab.tabId === tab.tabId)) {
      set({ activeTab: tab, activeReactTab: undefined });
@@ -145,5 +142,4 @@ export const useTabs: UseStore<TabsState> = create((set, get) => ({
    set({ openedReactTabs: updatedOpenedReactTabs });
  },
  setShowNetworkSettingsWarning: (showWarning: boolean) => set({ showNetworkSettingsWarning: showWarning }),
 }));
--- a/tsconfig.strict.json
+++ b/tsconfig.strict.json
@@ -82,6 +82,7 @@
    "./src/Explorer/Tree/AccessibleVerticalList.ts",
    "./src/GitHub/GitHubConnector.ts",
    "./src/HostedExplorerChildFrame.ts",
    "./src/Platform/Hosted/Authorization.ts",
    "./src/Platform/Hosted/Components/MeControl.test.tsx",
    "./src/Platform/Hosted/Components/MeControl.tsx",
    "./src/Platform/Hosted/Components/SignInButton.tsx",
@@ -125,6 +126,7 @@
    "./src/Utils/WindowUtils.ts",
    "./src/hooks/useConfig.ts",
    "./src/hooks/useDirectories.tsx",
    "./src/hooks/useFullScreenURLs.tsx",
    "./src/hooks/useGraphPhoto.tsx",
    "./src/hooks/useNotebookSnapshotStore.ts",
    "./src/hooks/usePortalAccessToken.tsx",
Author	SHA1	Message	Date
Victor Meng	f18e5dd218	Hardcode API type to Postgres	2022-10-06 00:23:26 -07:00
Victor Meng	a0911d92a6	Fix typing	2022-10-05 23:48:26 -07:00
Victor Meng	3b790ed3e2	Hardcode postgres endpoint	2022-10-05 23:23:14 -07:00
Victor Meng	8ad426c82f	Merge branch 'master' of https://github.com/Azure/cosmos-explorer into PSQL_shell_integration	2022-10-05 23:21:37 -07:00
Victor Meng	3f24a57974	Make PSQL shell work end-to-end	2022-10-05 23:19:24 -07:00
Victor Meng	83e78ef9ac	Merge branch 'master' of https://github.com/Azure/cosmos-explorer into PSQL_shell_integration	2022-10-05 17:35:41 -07:00
Victor Meng	c683d203b2	Close quick start tab when user types \q in PSQL shell	2022-09-29 23:45:17 -07:00
Victor Meng	ec74c93670	Integrate PSQL shell in quick start guide	2022-09-29 23:01:19 -07:00