sidebar setup guide fixes:

frontend/src/index.ts

@@ -850,14 +850,14 @@ export class App extends LiteElement {
  iframe.removeEventListener("load", oneLoad);
  };
 
- iframe.classList.add(tw`opacity-0`);
-
  if (pathName) {
  if (iframe.src.slice(this.docsUrl.length) !== pathName) {
+ iframe.classList.add(tw`opacity-0`);
  iframe.addEventListener("load", oneLoad);
  iframe.src = `${this.docsUrl}${pathName}`;
  }
  } else {
+ iframe.classList.add(tw`opacity-0`);
  iframe.addEventListener("load", oneLoad);
  iframe.src = this.docsUrl;
  }

frontend/src/pages/org/workflows-new.ts

@@ -1,6 +1,6 @@
 import { localized, msg } from "@lit/localize";
 import { mergeDeep } from "immutable";
-import { customElement, property } from "lit/decorators.js";
+import { customElement, property, state } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { when } from "lit/directives/when.js";
 
@@ -12,6 +12,15 @@ import { WorkflowScopeType } from "@/types/workflow";
 import LiteElement, { html } from "@/utils/LiteElement";
 import type { FormState as WorkflowFormState } from "@/utils/workflow";
 
+const workflowTabToGuideHash: Record<string, string> = {
+ crawlSetup: "scope",
+ crawlLimits: "limits",
+ browserSettings: "browser-settings",
+ crawlScheduling: "scheduling",
+ crawlMetadata: "metadata",
+ confirmSettings: "scope",
+};
+
 /**
  * Usage:
  * ```ts
@@ -33,6 +42,21 @@ export class WorkflowsNew extends LiteElement {
  @property({ type: Object })
  initialWorkflow?: WorkflowParams;
 
+ @state()
+ userGuideHashLink = "scope";
+
+ connectedCallback(): void {
+ super.connectedCallback();
+
+ this.userGuideHashLink =
+ workflowTabToGuideHash[window.location.hash.slice(1)] || "scope";
+
+ window.addEventListener("hashchange", () => {
+ const hashValue = window.location.hash.slice(1);
+ this.userGuideHashLink = workflowTabToGuideHash[hashValue] || "scope";
+ });
+ }
+
  private get defaultNewWorkflow(): WorkflowParams {
  return {
  name: "",
@@ -93,7 +117,7 @@ export class WorkflowsNew extends LiteElement {
  UserGuideEventMap["btrix-user-guide-show"]["detail"]
  >("btrix-user-guide-show", {
  detail: {
- path: "/user-guide/workflow-setup/#scope",
+ path: `/user-guide/workflow-setup/#${this.userGuideHashLink}`,
  },
  bubbles: true,
  }),