WIP, not functional

demo/src/stubs/config_entries.ts

@@ -11,7 +11,7 @@ export const mockConfigEntries = (hass: MockHomeAssistant) => {
     supports_remove_device: false,
     supports_unload: true,
     supports_reconfigure: true,
-    supported_subentries: [],
+    supported_subentry_flows: [],
     pref_disable_new_entities: false,
     pref_disable_polling: false,
     disabled_by: null,

gallery/src/pages/misc/integration-card.ts

@@ -32,7 +32,7 @@ const createConfigEntry = (
   supports_remove_device: false,
   supports_unload: true,
   supports_reconfigure: true,
-  supported_subentries: [],
+  supported_subentry_flows: [],
   num_subentries: 0,
   disabled_by: null,
   pref_disable_new_entities: false,

src/data/config_entries.ts

@@ -19,7 +19,9 @@ export interface ConfigEntry {
   supports_remove_device: boolean;
   supports_unload: boolean;
   supports_reconfigure: boolean;
-  supported_subentries: string[];
+  supported_subentry_flows: {
+    [key: string]: { supports_reconfigure: boolean };
+  };
   num_subentries: number;
   pref_disable_new_entities: boolean;
   pref_disable_polling: boolean;

src/data/sub_config_flow.ts

@@ -8,14 +8,17 @@ const HEADERS = {
 export const createSubConfigFlow = (
   hass: HomeAssistant,
   configEntryId: string,
-  subFlowType: string
+  subFlowType: string,
+  subentry_id?: string
 ) =>
   hass.callApi<DataEntryFlowStep>(
     "POST",
     "config/config_entries/subentries/flow",
     {
       handler: [configEntryId, subFlowType],
       show_advanced_options: Boolean(hass.userData?.showAdvanced),
+      subentry_id,
+      source: subentry_id ? "reconfigure" : "user",
     },
     HEADERS
   );

src/dialogs/config-flow/show-dialog-config-flow.ts

@@ -16,7 +16,9 @@ export const loadConfigFlowDialog = loadDataEntryFlowDialog;
 
 export const showConfigFlowDialog = (
   element: HTMLElement,
-  dialogParams: Omit<DataEntryFlowDialogParams, "flowConfig">
+  dialogParams: Omit<DataEntryFlowDialogParams, "flowConfig"> & {
+    entryId?: string;
+  }
 ): void =>
   showFlowDialog(element, dialogParams, {
     flowType: "config_flow",

src/dialogs/config-flow/show-dialog-data-entry-flow.ts

@@ -148,7 +148,6 @@ export interface DataEntryFlowDialogParams {
   }) => void;
   flowConfig: FlowConfig;
   showAdvanced?: boolean;
-  entryId?: string;
   dialogParentElement?: HTMLElement;
 }
 

src/dialogs/config-flow/show-dialog-sub-config-flow.ts

@@ -19,14 +19,16 @@ export const showSubConfigFlowDialog = (
   element: HTMLElement,
   configEntry: ConfigEntry,
   flowType: string,
-  dialogParams: Omit<DataEntryFlowDialogParams, "flowConfig">
+  dialogParams: Omit<DataEntryFlowDialogParams, "flowConfig"> & {
+    subEntryId?: string;
+  }
 ): void =>
   showFlowDialog(element, dialogParams, {
     flowType: "config_subentries_flow",
     showDevices: true,
     createFlow: async (hass, handler) => {
       const [step] = await Promise.all([
-        createSubConfigFlow(hass, handler, flowType),
+        createSubConfigFlow(hass, handler, flowType, dialogParams.subEntryId),
         hass.loadFragmentTranslation("config"),
         hass.loadBackendTranslation("config_subentries", configEntry.domain),
         hass.loadBackendTranslation("selector", configEntry.domain),

src/panels/config/integrations/ha-config-integration-page.ts

@@ -940,7 +940,7 @@ class HaConfigIntegrationPage extends SubscribeMixin(LitElement) {
             )}
           </ha-md-menu-item>
 
-          ${item.supported_subentries.map(
+          ${Object.keys(item.supported_subentry_flows).map(
             (flowType) =>
               html`<ha-md-menu-item
                 @click=${this._addSubEntry}
@@ -1065,6 +1065,15 @@ class HaConfigIntegrationPage extends SubscribeMixin(LitElement) {
           subEntry
         )}</span
       >
+      ${configEntry.supported_subentry_flows.add_entity?.supports_reconfigure
+        ? html`
+            <ha-button slot="end" @click=${this._handleReconfigureSub}>
+              ${this.hass.localize(
+                "ui.panel.config.integrations.config_entry.configure"
+              )}
+            </ha-button>
+          `
+        : nothing}
       <ha-md-button-menu positioning="popover" slot="end">
         <ha-icon-button
           slot="trigger"
@@ -1291,6 +1300,26 @@ class HaConfigIntegrationPage extends SubscribeMixin(LitElement) {
     );
   }
 
+  private async _handleReconfigureSub(ev: Event): Promise<void> {
+    const configEntry = (
+      (ev.target as HTMLElement).closest(".sub-entry") as any
+    ).configEntry;
+    const subEntry = ((ev.target as HTMLElement).closest(".sub-entry") as any)
+      .subConfigEntry;
+
+    // const flow = configEntry.supported_subentry_flows[subEntry.subentry_id];
+
+    showSubConfigFlowDialog(
+      this,
+      configEntry,
+      subEntry.flowType || "add_entity",
+      {
+        startFlowHandler: configEntry.entry_id,
+        subEntryId: subEntry.subentry_id,
+      }
+    );
+  }
+
   private async _handleDeleteSub(ev: Event): Promise<void> {
     const configEntry = (
       (ev.target as HTMLElement).closest(".sub-entry") as any

src/panels/config/integrations/ha-config-integrations-dashboard.ts

@@ -204,7 +204,7 @@ class HaConfigIntegrationsDashboard extends SubscribeMixin(LitElement) {
           supports_remove_device: false,
           supports_unload: false,
           supports_reconfigure: false,
-          supported_subentries: [],
+          supported_subentry_flows: [],
           num_subentries: 0,
           pref_disable_new_entities: false,
           pref_disable_polling: false,