github-issue-tower-defence-management 1.89.0 → 1.91.0

package/src/adapter/entry-points/console/ui/src/features/console/components/ConsolePanel.test.tsx

@@ -0,0 +1,32 @@
+import { fireEvent, render } from '@testing-library/react';
+import { ConsolePanel } from './ConsolePanel';
+
+describe('ConsolePanel', () => {
+  it('renders expanded by default', () => {
+    const { getByText } = render(
+      <ConsolePanel title="Description">
+        <p>content</p>
+      </ConsolePanel>,
+    );
+    expect(getByText('content')).toBeInTheDocument();
+  });
+
+  it('renders collapsed when defaultCollapsed is set', () => {
+    const { queryByText } = render(
+      <ConsolePanel title="Commits" defaultCollapsed>
+        <p>content</p>
+      </ConsolePanel>,
+    );
+    expect(queryByText('content')).toBeNull();
+  });
+
+  it('toggles collapsed state on the header button', () => {
+    const { getByRole, queryByText } = render(
+      <ConsolePanel title="Comments" defaultCollapsed>
+        <p>content</p>
+      </ConsolePanel>,
+    );
+    fireEvent.click(getByRole('button'));
+    expect(queryByText('content')).not.toBeNull();
+  });
+});

package/src/adapter/entry-points/console/ui/src/features/console/components/ConsolePanel.tsx

@@ -0,0 +1,36 @@
+import { type ReactNode, useState } from 'react';
+
+export type ConsolePanelProps = {
+  title: string;
+  defaultCollapsed?: boolean;
+  headerAction?: ReactNode;
+  children: ReactNode;
+};
+
+export const ConsolePanel = ({
+  title,
+  defaultCollapsed = false,
+  headerAction,
+  children,
+}: ConsolePanelProps) => {
+  const [collapsed, setCollapsed] = useState<boolean>(defaultCollapsed);
+  return (
+    <section className="console-panel">
+      <header className="console-panel-header">
+        <button
+          type="button"
+          className="console-panel-toggle"
+          aria-expanded={!collapsed}
+          onClick={() => setCollapsed((value) => !value)}
+        >
+          <span className="console-panel-caret">{collapsed ? '▸' : '▾'}</span>
+          <span className="console-panel-title">{title}</span>
+        </button>
+        {headerAction !== undefined && (
+          <div className="console-panel-action">{headerAction}</div>
+        )}
+      </header>
+      {!collapsed && <div className="console-panel-body">{children}</div>}
+    </section>
+  );
+};

package/src/adapter/entry-points/console/ui/src/features/console/components/ConsoleProjectHeader.stories.tsx

@@ -0,0 +1,29 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { ConsoleProjectHeader } from './ConsoleProjectHeader';
+
+const meta: Meta<typeof ConsoleProjectHeader> = {
+  title: 'Console/ConsoleProjectHeader',
+  component: ConsoleProjectHeader,
+};
+
+export default meta;
+
+type Story = StoryObj<typeof ConsoleProjectHeader>;
+
+export const WithProject: Story = {
+  args: {
+    pjcode: 'umino',
+  },
+};
+
+export const AnotherProject: Story = {
+  args: {
+    pjcode: 'xmile',
+  },
+};
+
+export const NoProject: Story = {
+  args: {
+    pjcode: null,
+  },
+};

package/src/adapter/entry-points/console/ui/src/features/console/components/ConsoleProjectHeader.test.tsx

@@ -0,0 +1,14 @@
+import { render } from '@testing-library/react';
+import { ConsoleProjectHeader } from './ConsoleProjectHeader';
+
+describe('ConsoleProjectHeader', () => {
+  it('shows the active project code when a pjcode is provided', () => {
+    const { getByText } = render(<ConsoleProjectHeader pjcode="umino" />);
+    expect(getByText('project: umino')).toBeInTheDocument();
+  });
+
+  it('shows a no-project message when the pjcode is null', () => {
+    const { getByText } = render(<ConsoleProjectHeader pjcode={null} />);
+    expect(getByText('no project selected')).toBeInTheDocument();
+  });
+});

package/src/adapter/entry-points/console/ui/src/features/console/components/ConsoleProjectHeader.tsx

@@ -0,0 +1,14 @@
+export type ConsoleProjectHeaderProps = {
+  pjcode: string | null;
+};
+
+export const ConsoleProjectHeader = ({ pjcode }: ConsoleProjectHeaderProps) => (
+  <header className="flex items-baseline gap-2 border-b border-border p-3">
+    <h1 className="text-base font-semibold">TDPM Console</h1>
+    {pjcode === null ? (
+      <span className="text-sm text-muted-foreground">no project selected</span>
+    ) : (
+      <span className="text-sm text-muted-foreground">project: {pjcode}</span>
+    )}
+  </header>
+);

package/src/adapter/entry-points/console/ui/src/features/console/components/ConsolePullRequestReviewGroup.stories.tsx

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { ConsolePullRequestReviewGroup } from './ConsolePullRequestReviewGroup';
+
+const meta: Meta<typeof ConsolePullRequestReviewGroup> = {
+  title: 'Console/ConsolePullRequestReviewGroup',
+  component: ConsolePullRequestReviewGroup,
+  args: { onReview: () => {} },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof ConsolePullRequestReviewGroup>;
+
+export const Default: Story = {};

package/src/adapter/entry-points/console/ui/src/features/console/components/ConsolePullRequestReviewGroup.test.tsx

@@ -0,0 +1,33 @@
+import { fireEvent, render } from '@testing-library/react';
+import { ConsolePullRequestReviewGroup } from './ConsolePullRequestReviewGroup';
+
+describe('ConsolePullRequestReviewGroup', () => {
+  it('renders the four buttons left to right', () => {
+    const { getAllByRole } = render(
+      <ConsolePullRequestReviewGroup onReview={() => {}} />,
+    );
+    expect(getAllByRole('button').map((button) => button.textContent)).toEqual([
+      'Unnecessary',
+      'Totally wrong',
+      'Reject',
+      'Approve',
+    ]);
+  });
+
+  it('reports each review action', () => {
+    const onReview = jest.fn();
+    const { getByText } = render(
+      <ConsolePullRequestReviewGroup onReview={onReview} />,
+    );
+    fireEvent.click(getByText('Unnecessary'));
+    fireEvent.click(getByText('Totally wrong'));
+    fireEvent.click(getByText('Reject'));
+    fireEvent.click(getByText('Approve'));
+    expect(onReview.mock.calls.map((call) => call[0])).toEqual([
+      'unnecessary',
+      'totally_wrong',
+      'request_changes',
+      'approve',
+    ]);
+  });
+});

package/src/adapter/entry-points/console/ui/src/features/console/components/ConsolePullRequestReviewGroup.tsx

@@ -0,0 +1,34 @@
+import type { ConsoleReviewAction } from '../operations';
+
+export type ConsolePullRequestReviewGroupProps = {
+  onReview: (action: ConsoleReviewAction) => void;
+};
+
+const REVIEW_BUTTONS: {
+  action: ConsoleReviewAction;
+  label: string;
+  color: string;
+}[] = [
+  { action: 'unnecessary', label: 'Unnecessary', color: '#8b949e' },
+  { action: 'totally_wrong', label: 'Totally wrong', color: '#f85149' },
+  { action: 'request_changes', label: 'Reject', color: '#d29922' },
+  { action: 'approve', label: 'Approve', color: '#3fb950' },
+];
+
+export const ConsolePullRequestReviewGroup = ({
+  onReview,
+}: ConsolePullRequestReviewGroupProps) => (
+  <div className="console-op-group">
+    {REVIEW_BUTTONS.map((button) => (
+      <button
+        key={button.action}
+        type="button"
+        className="console-op-button"
+        style={{ color: button.color, borderColor: button.color }}
+        onClick={() => onReview(button.action)}
+      >
+        {button.label}
+      </button>
+    ))}
+  </div>
+);

package/src/adapter/entry-points/console/ui/src/features/console/components/ConsolePullRequestSection.stories.tsx

@@ -0,0 +1,31 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import {
+  consoleChangedFilesFixture,
+  consoleCommitsFixture,
+  consoleRelatedPullRequestsFixture,
+} from '../fixtures';
+import { ConsolePullRequestSection } from './ConsolePullRequestSection';
+
+const meta: Meta<typeof ConsolePullRequestSection> = {
+  title: 'Console/ConsolePullRequestSection',
+  component: ConsolePullRequestSection,
+  args: { now: Date.parse('2026-06-19T12:00:00.000Z') },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof ConsolePullRequestSection>;
+
+export const WithDetail: Story = {
+  args: {
+    pullRequest: consoleRelatedPullRequestsFixture[0],
+    body: consoleRelatedPullRequestsFixture[0].summary?.body ?? '',
+    bodyIsLoading: false,
+    files: consoleChangedFilesFixture,
+    filesAreLoading: false,
+    filesError: null,
+    commits: consoleCommitsFixture,
+    commitsAreLoading: false,
+    commitsError: null,
+  },
+};

package/src/adapter/entry-points/console/ui/src/features/console/components/ConsolePullRequestSection.test.tsx

@@ -0,0 +1,40 @@
+import { render } from '@testing-library/react';
+import {
+  consoleChangedFilesFixture,
+  consoleCommitsFixture,
+  consoleRelatedPullRequestsFixture,
+} from '../fixtures';
+import { ConsolePullRequestSection } from './ConsolePullRequestSection';
+
+jest.mock('../lib/mermaidLoader', () => ({
+  renderMermaidToSvg: jest.fn(async () => '<svg></svg>'),
+}));
+
+const now = Date.parse('2026-06-19T12:00:00.000Z');
+const pullRequest = consoleRelatedPullRequestsFixture[0];
+
+describe('ConsolePullRequestSection', () => {
+  it('renders the title, stat bar and changed files', () => {
+    const { getByText } = render(
+      <ConsolePullRequestSection
+        pullRequest={pullRequest}
+        body={pullRequest.summary?.body ?? ''}
+        bodyIsLoading={false}
+        files={consoleChangedFilesFixture}
+        filesAreLoading={false}
+        filesError={null}
+        commits={consoleCommitsFixture}
+        commitsAreLoading={false}
+        commitsError={null}
+        now={now}
+      />,
+    );
+    expect(
+      getByText(
+        'Scaffold React console UI under entry-points with build bundling',
+      ),
+    ).toBeInTheDocument();
+    expect(getByText('+1184')).toBeInTheDocument();
+    expect(getByText('27 files')).toBeInTheDocument();
+  });
+});

package/src/adapter/entry-points/console/ui/src/features/console/components/ConsolePullRequestSection.tsx

@@ -0,0 +1,88 @@
+import type {
+  ConsoleChangedFile,
+  ConsoleCommit,
+  ConsoleRelatedPullRequest,
+} from '../types';
+import { ConsoleChangedFileList } from './ConsoleChangedFileList';
+import { ConsoleCommitList } from './ConsoleCommitList';
+import { ConsoleMarkdownView } from './ConsoleMarkdownView';
+import { ConsolePanel } from './ConsolePanel';
+
+export type ConsolePullRequestSectionProps = {
+  pullRequest: ConsoleRelatedPullRequest;
+  body: string;
+  bodyIsLoading: boolean;
+  files: ConsoleChangedFile[];
+  filesAreLoading: boolean;
+  filesError: string | null;
+  commits: ConsoleCommit[];
+  commitsAreLoading: boolean;
+  commitsError: string | null;
+  now: number;
+};
+
+export const ConsolePullRequestSection = ({
+  pullRequest,
+  body,
+  bodyIsLoading,
+  files,
+  filesAreLoading,
+  filesError,
+  commits,
+  commitsAreLoading,
+  commitsError,
+  now,
+}: ConsolePullRequestSectionProps) => {
+  const summary = pullRequest.summary;
+  return (
+    <section className="console-pr-section">
+      <header className="console-pr-section-header">
+        <a
+          href={pullRequest.url}
+          className="console-pr-section-title"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          {summary?.title ?? pullRequest.url}
+        </a>
+        {pullRequest.isDraft && (
+          <span className="console-pr-section-state">draft</span>
+        )}
+      </header>
+      <div className="console-pr-statbar">
+        {pullRequest.branchName !== null && (
+          <span className="console-pr-branch">{pullRequest.branchName}</span>
+        )}
+        {summary !== null && (
+          <>
+            <span className="console-pr-add">+{summary.additions}</span>
+            <span className="console-pr-del">-{summary.deletions}</span>
+            <span className="console-pr-files-count">
+              {summary.changedFiles} files
+            </span>
+          </>
+        )}
+      </div>
+      {bodyIsLoading ? (
+        <p className="console-pr-body-loading">Loading description...</p>
+      ) : (
+        <ConsoleMarkdownView body={summary?.body ?? body} />
+      )}
+      <ConsolePanel title="Changed files">
+        <ConsoleChangedFileList
+          files={files}
+          isLoading={filesAreLoading}
+          error={filesError}
+        />
+      </ConsolePanel>
+      <ConsolePanel title="Commits" defaultCollapsed>
+        <ConsoleCommitList
+          commits={commits}
+          isLoading={commitsAreLoading}
+          error={commitsError}
+          now={now}
+        />
+      </ConsolePanel>
+    </section>
+  );
+};

package/src/adapter/entry-points/console/ui/src/features/console/components/ConsoleStatusButtonGroup.stories.tsx

@@ -0,0 +1,17 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { consoleStatusOptionsFixture } from '../fixtures';
+import { ConsoleStatusButtonGroup } from './ConsoleStatusButtonGroup';
+
+const meta: Meta<typeof ConsoleStatusButtonGroup> = {
+  title: 'Console/ConsoleStatusButtonGroup',
+  component: ConsoleStatusButtonGroup,
+  args: { onSetStatus: () => {}, onSetInTmuxByHuman: () => {} },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof ConsoleStatusButtonGroup>;
+
+export const AllStatusOptions: Story = {
+  args: { statusOptions: consoleStatusOptionsFixture },
+};

package/src/adapter/entry-points/console/ui/src/features/console/components/ConsoleStatusButtonGroup.test.tsx

@@ -0,0 +1,49 @@
+import { fireEvent, render } from '@testing-library/react';
+import { consoleStatusOptionsFixture } from '../fixtures';
+import { ConsoleStatusButtonGroup } from './ConsoleStatusButtonGroup';
+
+describe('ConsoleStatusButtonGroup', () => {
+  it('renders only the four routed status buttons that exist in the data', () => {
+    const { getByText, queryByText } = render(
+      <ConsoleStatusButtonGroup
+        statusOptions={consoleStatusOptionsFixture}
+        onSetStatus={() => {}}
+        onSetInTmuxByHuman={() => {}}
+      />,
+    );
+    expect(getByText('In Tmux by agent')).toBeInTheDocument();
+    expect(getByText('In Tmux by human')).toBeInTheDocument();
+    expect(getByText('Todo by human')).toBeInTheDocument();
+    expect(getByText('Awaiting Workspace')).toBeInTheDocument();
+    expect(queryByText('Preparation')).toBeNull();
+  });
+
+  it('routes In Tmux by human to the intmux handler and others to the status handler', () => {
+    const onSetStatus = jest.fn();
+    const onSetInTmuxByHuman = jest.fn();
+    const { getByText } = render(
+      <ConsoleStatusButtonGroup
+        statusOptions={consoleStatusOptionsFixture}
+        onSetStatus={onSetStatus}
+        onSetInTmuxByHuman={onSetInTmuxByHuman}
+      />,
+    );
+    fireEvent.click(getByText('In Tmux by human'));
+    fireEvent.click(getByText('In Tmux by agent'));
+    expect(onSetInTmuxByHuman).toHaveBeenCalledTimes(1);
+    expect(onSetInTmuxByHuman.mock.calls[0][0].name).toBe('In Tmux by human');
+    expect(onSetStatus).toHaveBeenCalledTimes(1);
+    expect(onSetStatus.mock.calls[0][0].name).toBe('In Tmux by agent');
+  });
+
+  it('renders nothing when no routed option exists', () => {
+    const { container } = render(
+      <ConsoleStatusButtonGroup
+        statusOptions={[{ id: 'x', name: 'Preparation', color: 'YELLOW' }]}
+        onSetStatus={() => {}}
+        onSetInTmuxByHuman={() => {}}
+      />,
+    );
+    expect(container.firstChild).toBeNull();
+  });
+});

package/src/adapter/entry-points/console/ui/src/features/console/components/ConsoleStatusButtonGroup.tsx

@@ -0,0 +1,63 @@
+import { colorFromEnum } from '../colors';
+import { IN_TMUX_BY_HUMAN_NAME, STATUS_BUTTON_NAMES } from '../operations';
+import type { ConsoleFieldOption } from '../types';
+
+export type ConsoleStatusButtonGroupProps = {
+  statusOptions: ConsoleFieldOption[];
+  onSetStatus: (option: ConsoleFieldOption) => void;
+  onSetInTmuxByHuman: (option: ConsoleFieldOption) => void;
+};
+
+const findStatusOption = (
+  statusOptions: ConsoleFieldOption[],
+  name: string,
+): ConsoleFieldOption | null => {
+  const lower = name.toLowerCase();
+  return (
+    statusOptions.find((option) => option.name.toLowerCase() === lower) ?? null
+  );
+};
+
+export const ConsoleStatusButtonGroup = ({
+  statusOptions,
+  onSetStatus,
+  onSetInTmuxByHuman,
+}: ConsoleStatusButtonGroupProps) => {
+  const buttons = STATUS_BUTTON_NAMES.map((name) => ({
+    name,
+    option: findStatusOption(statusOptions, name),
+  })).filter(
+    (entry): entry is { name: string; option: ConsoleFieldOption } =>
+      entry.option !== null,
+  );
+
+  if (buttons.length === 0) {
+    return null;
+  }
+
+  return (
+    <div className="console-op-group">
+      {buttons.map(({ name, option }) => {
+        const palette = colorFromEnum(option.color);
+        const isInTmuxByHuman = name === IN_TMUX_BY_HUMAN_NAME;
+        return (
+          <button
+            key={option.id}
+            type="button"
+            className="console-op-button"
+            style={{
+              color: palette.fg,
+              borderColor: palette.border,
+              backgroundColor: palette.bg,
+            }}
+            onClick={() =>
+              isInTmuxByHuman ? onSetInTmuxByHuman(option) : onSetStatus(option)
+            }
+          >
+            {option.name}
+          </button>
+        );
+      })}
+    </div>
+  );
+};

package/src/adapter/entry-points/console/ui/src/features/console/components/ConsoleStoryButtonGroup.stories.tsx

@@ -0,0 +1,17 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { consoleStoryOptionsFixture } from '../fixtures';
+import { ConsoleStoryButtonGroup } from './ConsoleStoryButtonGroup';
+
+const meta: Meta<typeof ConsoleStoryButtonGroup> = {
+  title: 'Console/ConsoleStoryButtonGroup',
+  component: ConsoleStoryButtonGroup,
+  args: { onSetStory: () => {} },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof ConsoleStoryButtonGroup>;
+
+export const AssignableStories: Story = {
+  args: { storyOptions: consoleStoryOptionsFixture },
+};

package/src/adapter/entry-points/console/ui/src/features/console/components/ConsoleStoryButtonGroup.test.tsx

@@ -0,0 +1,45 @@
+import { fireEvent, render } from '@testing-library/react';
+import { ConsoleStoryButtonGroup } from './ConsoleStoryButtonGroup';
+
+const options = [
+  { id: '1', name: 'TDPM Console port', color: 'BLUE' as const },
+  {
+    id: '2',
+    name: "regular / NO STORY; DON'T WORK ON THIS",
+    color: 'RED' as const,
+  },
+  { id: '3', name: 'Move to Okinawa', color: 'PURPLE' as const },
+];
+
+describe('ConsoleStoryButtonGroup', () => {
+  it('excludes no-story options', () => {
+    const { getByText, queryByText } = render(
+      <ConsoleStoryButtonGroup storyOptions={options} onSetStory={() => {}} />,
+    );
+    expect(getByText('TDPM Console port')).toBeInTheDocument();
+    expect(getByText('Move to Okinawa')).toBeInTheDocument();
+    expect(queryByText(/NO STORY/)).toBeNull();
+  });
+
+  it('reports the selected story option', () => {
+    const onSetStory = jest.fn();
+    const { getByText } = render(
+      <ConsoleStoryButtonGroup
+        storyOptions={options}
+        onSetStory={onSetStory}
+      />,
+    );
+    fireEvent.click(getByText('Move to Okinawa'));
+    expect(onSetStory).toHaveBeenCalledWith(options[2]);
+  });
+
+  it('renders nothing when only no-story options exist', () => {
+    const { container } = render(
+      <ConsoleStoryButtonGroup
+        storyOptions={[options[1]]}
+        onSetStory={() => {}}
+      />,
+    );
+    expect(container.firstChild).toBeNull();
+  });
+});

package/src/adapter/entry-points/console/ui/src/features/console/components/ConsoleStoryButtonGroup.tsx

@@ -0,0 +1,42 @@
+import { colorFromEnum } from '../colors';
+import type { ConsoleFieldOption } from '../types';
+
+export type ConsoleStoryButtonGroupProps = {
+  storyOptions: ConsoleFieldOption[];
+  onSetStory: (option: ConsoleFieldOption) => void;
+};
+
+const isNoStoryOption = (option: ConsoleFieldOption): boolean =>
+  option.name.toLowerCase().includes('no story');
+
+export const ConsoleStoryButtonGroup = ({
+  storyOptions,
+  onSetStory,
+}: ConsoleStoryButtonGroupProps) => {
+  const assignable = storyOptions.filter((option) => !isNoStoryOption(option));
+  if (assignable.length === 0) {
+    return null;
+  }
+  return (
+    <div className="console-op-group console-op-group-stories">
+      {assignable.map((option) => {
+        const palette = colorFromEnum(option.color);
+        return (
+          <button
+            key={option.id}
+            type="button"
+            className="console-op-button"
+            style={{
+              color: palette.fg,
+              borderColor: palette.border,
+              backgroundColor: palette.bg,
+            }}
+            onClick={() => onSetStory(option)}
+          >
+            {option.name}
+          </button>
+        );
+      })}
+    </div>
+  );
+};

package/src/adapter/entry-points/console/ui/src/features/console/components/ConsoleStoryGroupHeader.stories.tsx

@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { ConsoleStoryGroupHeader } from './ConsoleStoryGroupHeader';
+
+const meta: Meta<typeof ConsoleStoryGroupHeader> = {
+  title: 'Console/ConsoleStoryGroupHeader',
+  component: ConsoleStoryGroupHeader,
+};
+
+export default meta;
+
+type Story = StoryObj<typeof ConsoleStoryGroupHeader>;
+
+export const ConsolePortStory: Story = {
+  args: { story: 'TDPM Console port', count: 4, colorEnum: 'BLUE' },
+};
+
+export const RegularWorkflowStory: Story = {
+  args: {
+    story: 'regular / workflow improvement',
+    count: 12,
+    colorEnum: 'GRAY',
+  },
+};
+
+export const NoStory: Story = {
+  args: { story: '(No story)', count: 3, colorEnum: null },
+};

package/src/adapter/entry-points/console/ui/src/features/console/components/ConsoleStoryGroupHeader.test.tsx

@@ -0,0 +1,24 @@
+import { render } from '@testing-library/react';
+import { ConsoleStoryGroupHeader } from './ConsoleStoryGroupHeader';
+
+describe('ConsoleStoryGroupHeader', () => {
+  it('renders the story name and count', () => {
+    const { getByText } = render(
+      <ConsoleStoryGroupHeader
+        story="TDPM Console port"
+        count={4}
+        colorEnum="BLUE"
+      />,
+    );
+    expect(getByText('TDPM Console port')).toBeInTheDocument();
+    expect(getByText('4')).toBeInTheDocument();
+  });
+
+  it('applies the dot color from the enum', () => {
+    const { container } = render(
+      <ConsoleStoryGroupHeader story="s" count={1} colorEnum="GREEN" />,
+    );
+    const dot = container.querySelector('.console-story-dot');
+    expect(dot).toHaveStyle({ backgroundColor: '#3fb950' });
+  });
+});