{{copy.sections.basicTitle}} {{copy.sections.basicDesc}} {{copy.fields.name}} {{copy.fields.tags}} {{copy.fields.host}} {{copy.fields.port}} {{copy.fields.username}} {{copy.sections.authTitle}} {{copy.sections.authDesc}} {{copy.fields.authType}} {{item.label}} {{copy.fields.password}} {{copy.fields.privateKey}}

</view>
              <view wx:if="{{form.authType === 'privateKey' || form.authType === 'certificate'}}" class="field">
                <text>{{copy.fields.passphrase}}</text>
                <input class="input" password="true" value="{{form.passphrase}}" data-key="passphrase" bindinput="onFieldInput" />
              </view>
              <view wx:if="{{form.authType === 'certificate'}}" class="field wide">
                <text>{{copy.fields.certificate}}</text>
                <textarea class="textarea" value="{{form.certificate}}" data-key="certificate" bindinput="onFieldInput" />
              </view>
            </view>
          </view>

<view class="settings-section">
            <view class="settings-section-head">
              <text class="settings-section-title">{{copy.sections.connectTitle}}</text>
              <text class="settings-section-desc">{{copy.sections.connectDesc}}</text>
            </view>
            <view class="field-grid">
              <view class="field">
                <text>{{copy.fields.transportMode}}</text>
                <view class="input picker-input readonly-input">gateway</view>
              </view>
              <view class="field wide ai-workdir-field">
                <text>{{copy.fields.aiProjectPath}}</text>
                <view class="ai-workdir-wrap">
                  <view class="ai-workdir-inline">
                    <input class="input" value="{{form.projectPath}}" placeholder="{{copy.placeholders.aiProjectPath}}" data-key="projectPath" bindinput="onFieldInput" />
                    <view class="pill-chip ai-workdir-select-btn" bindtap="onOpenDirectoryPicker">{{copy.directoryPicker.openButton}}</view>
                  </view>
                  <view wx:if="{{dirPickerVisible}}" class="dir-picker-panel">
                    <scroll-view class="dir-tree-scroll" scroll-y="true">
                      <view class="dir-tree-stack">
                        <view wx:for="{{directoryRows}}" wx:key="path" class="dir-tree-row {{item.isSelected ? 'selected' : ''}}">
                          <view
                            class="dir-expand-toggle {{item.canExpand ? '' : 'disabled'}}"
                            style="margin-left: {{item.paddingLeft}}rpx;"
                            data-path="{{item.path}}"
                            catchtap="onDirectoryExpandTap"
                          >
                            <text wx:if="{{item.canExpand}}">{{item.expanded ? '▾' : '▸'}}</text>
                            <text wx:else>·</text>
                          </view>
                          <view class="dir-row-main" data-path="{{item.path}}" bindtap="onDirectorySelectTap">
                            <text class="dir-row-name">{{item.name}}</text>
                            <text wx:if="{{item.loading}}" class="dir-row-loading">{{copy.directoryPicker.loading}}</text>
                          </view>
                        </view>
                      </view>
                    </scroll-view>
                    <text wx:if="{{dirPickerError}}" class="dir-picker-error">{{dirPickerError}}</text>
                    <view class="actions dir-picker-actions">
                      <button class="btn" bindtap="onDirectoryPickerCancel">{{copy.directoryPicker.cancel}}</button>
                      <button class="btn primary" bindtap="onDirectoryPickerConfirm" disabled="{{dirPickerLoading}}">{{copy.directoryPicker.apply}}</button>
                    </view>
                  </view>
                </view>
              </view>
            </view>
          </view>

<view class="settings-section">
            <view class="settings-section-head">
              <text class="settings-section-title">{{copy.sections.jumpHostTitle}}</text>
              <text class="settings-section-desc">{{copy.sections.jumpHostDesc}}</text>
              <switch class="jump-host-switch" checked="{{form.jumpHost.enabled}}" bindchange="onJumpSwitchChange" />
            </view>
            <view wx:if="{{form.jumpHost.enabled}}" class="field-grid">
              <view class="field">
                <text>{{copy.fields.jumpHost}}</text>
                <input class="input" value="{{form.jumpHost.host}}" data-key="jumpHost.host" bindinput="onFieldInput" />
              </view>
              <view class="field">
                <text>{{copy.fields.jumpPort}}</text>
                <input
                  class="input"
                  type="number"
                  value="{{form.jumpHost.port}}"
                  data-key="jumpHost.port"
                  bindinput="onFieldInput"
                />
              </view>
              <view class="field">
                <text>{{copy.fields.jumpUsername}}</text>
                <input
                  class="input"
                  value="{{form.jumpHost.username}}"
                  data-key="jumpHost.username"
                  bindinput="onFieldInput"
                />
              </view>
              <view class="field auth-type-field">
                <text>{{copy.fields.authType}}</text>
                <view class="auth-type-pills">
                  <block wx:for="{{authTypeOptions}}" wx:key="value">
                    <view
                      class="pill-chip {{form.jumpHost.authType === item.value ? 'active' : ''}}"
                      data-index="{{index}}"
                      bindtap="onJumpAuthTypeTap"
                    >{{item.label}}</view>
                  </block>
                </view>
              </view>
              <view wx:if="{{form.jumpHost.authType === 'password'}}" class="field">
                <text>{{copy.fields.password}}</text>
                <input
                  class="input"
                  password="true"
                  value="{{form.jumpPassword}}"
                  data-key="jumpPassword"
                  bindinput="onFieldInput"
                />
              </view>
              <view wx:if="{{form.jumpHost.authType === 'privateKey' || form.jumpHost.authType === 'certificate'}}" class="field wide">
                <text>{{copy.fields.privateKey}}</text>
                <textarea
                  class="textarea"
                  value="{{form.jumpPrivateKey}}"
                  data-key="jumpPrivateKey"
                  bindinput="onFieldInput"
                />
              </view>
              <view wx:if="{{form.jumpHost.authType === 'privateKey' || form.jumpHost.authType === 'certificate'}}" class="field">
                <text>{{copy.fields.passphrase}}</text>
                <input
                  class="input"
                  password="true"
                  value="{{form.jumpPassphrase}}"
                  data-key="jumpPassphrase"
                  bindinput="onFieldInput"
                />
              </view>
              <view wx:if="{{form.jumpHost.authType === 'certificate'}}" class="field wide">
                <text>{{copy.fields.certificate}}</text>
                <textarea
                  class="textarea"
                  value="{{form.jumpCertificate}}"
                  data-key="jumpCertificate"
                  bindinput="onFieldInput"
                />
              </view>
            </view>
          </view>
        </view>
      </view>
    </scroll-view>
  </view>