CodeNomad/docs/help/ne/mobile.md
Pascal André fb22f6e969
feat(shell): close panels that lose their room and reveal list choices (#1144)
In a window too narrow for a docked panel, the panel floated over the
conversation and covered the messages. On phones and narrow windows, the
floating session panel also stayed open over the session the user had
just chosen, so every choice needed a second tap to see it.

A docked panel that loses its room (the window narrows, or the other panel
opens) now closes instead of floating. It returns when the room does,
unless the user opened it meanwhile; a panel closed by the user stays
closed. Minimizing a window briefly reports a tiny viewport, so without
the return every minimize would lose both panels. A panel opened without
room still floats over the conversation, as before.

Choosing a session, the shown one included, or Instance Info from the
floating session panel's list now closes that panel to show the choice;
reopened, it still marks the shown session. Back and Forward select
without closing it. Docked panels are unchanged.

Implementation: `useDrawerChrome` closes an open drawer when its docked
state turns false and marks it as awaiting room; an effect reopens it,
the session panel first and the other only if both then fit docked, and
opening a drawer clears the mark. The layout inputs are shared by the
initial layout, the docked state and the return. On touch tablets each
rotation's orientation memory decides, counting a panel closed for room
as open in the orientation it leaves. A panel closed by the layout hands
focus to its toggle when it last held focus, even when its re-render
already removed the focused control: the shell remembers which panel's
content last took focus until focus deliberately moves to the page. The
sidebar's list selection handler closes the floating session panel; the
history buttons keep using the ordinary selection path.

Validation: shell-navigation browser tests cover closing and returning
(narrowing, a simulated minimize, the other panel taking the room, a
user-closed panel staying closed, a panel opened without room floating),
the phone list, re-selection and Back/Forward behaviour, and each
panel's focus hand-off; drawer-width covers a 1024x768 tablet rotating
twice. All fail on the previous code. Help is updated in all ten
languages.
2026-10-25 21:52:03 +01:00

8.3 KiB

मोबाइल र PWA

backend host को काम जारी राख्न phone वा tablet मा browser UI प्रयोग गर्नुहोस्। PWA स्थापनाले UI खोल्ने तरिका बदल्छ, project, credential वा agent execution रहने ठाउँ होइन।

phone वा tablet बाट जडान

  1. host मा सेटिङहरू → रिमोट पहुँच → रिमोट कन्ट्रोल खोली रिमोट कन्ट्रोल सुरु गर्नुहोस् रोज्नुहोस्।
  2. mobile device बाट pairing QR scan गरी प्रयोग गरिरहने browser मा link खोल्नुहोस्।
  3. वा प्रत्यक्ष पहुँच कन्फिगर गरी host को पहुँचयोग्य trusted HTTPS URL खोल्नुहोस् र server password बाट sign in गर्नुहोस्।

Remote Control लाई device pairing चाहिन्छ; direct connection लाई routing, reachable listener र authentication चाहिन्छ। workstation पुग्न phone मा localhost प्रयोग नगर्नुहोस्। site data गुम्दा वा browser profile बदल्दा sign-in/pairing फेरि चाहिन सक्छ; Remote Control हेर्नुहोस्।

PWA स्थापना

  1. installation समर्थन गर्ने browser मा trusted HTTPS बाट काम गर्ने CodeNomad URL खोल्नुहोस्।
  2. Chrome/Edge र समान browser मा address-bar install वा उपलब्ध हुँदा browser को Install CodeNomad प्रयोग गर्नुहोस्। iPhone/iPad Safari मा Share → Add to Home Screen; शब्द OS/browser अनुसार फरक हुन्छ।
  3. नयाँ launcher खोली यसको browser storage अलग भए त्यहाँ sign-in वा pairing पूरा गर्नुहोस्।

स्थापना प्रति device/browser र origin हुन्छ। phone मा Node, Git वा OpenCode स्थापना, backend सुरुवात वा native desktop integration अनुमति दिँदैन। launcher हटाउँदा host कुराकानी मेटिँदैनन्; पहुँच हटाउँदा paired device छुट्टै revoke गर्नुहोस्।

सुरक्षित सन्दर्भ र certificate

remote PWA स्थापना र microphone पहुँचलाई browser ले चिन्ने secure context चाहिन्छ। ठ्याक्कै hostname/IP मिल्ने trusted HTTPS certificate प्रयोग गर्नुहोस्। generated local certificate लाई client device/browser ले स्पष्ट trust गर्नुपर्छ; warning page वा bypass भरपर्दो installation setup होइन। browser localhost अपवाद त्यही device मा लागू हुन्छ, अर्को host को HTTP LAN address मा होइन।

install विकल्प नभए पहिले HTTPS trust र browser support जाँचेर embedded QR/in-app browser होइन पूर्ण browser मा पृष्ठ फेरि खोल्नुहोस्। microphone असफल भए browser/OS site permission र आवाज हेर्नुहोस्। install ठीक गर्न authentication वा TLS verification बन्द नगर्नुहोस्।

touch layout मा काम

navigation र tool खोल्न बायाँ प्यानल र दायाँ प्यानल प्रयोग गर्नुहोस्। साँघुरो layout मा desktop-चौडाइ canvas थोपर्नुको सट्टा प्यानल कुराकानीमाथि overlay हुन्छन्; एउटा floating panel खोल्दा अर्को बन्द हुन्छ। floating सत्र प्यानलमा सत्र वा उदाहरण जानकारी रोज्दा, पहिले नै देखिएको सत्र भए पनि, तपाईंको छनोट देखाउन प्यानल बन्द हुन्छ; पछाडि र अगाडि ले यसलाई खुला राख्छन्। ठाउँ सीमित हुँदा conversation-header कार्य overflow menu मा जान्छन्।

कम्पोजरको footer मै Agent, Model र Thinking रहन्छन्। field on-screen keyboard समेत देखिने कुराकानीअनुसार resize हुन्छ; लामो मस्यौदा scroll योग्य रहन्छन्। touch-मात्र device मा पठाउँदा on-screen keyboard फेरि खुल्दैन, त्यसैले तपाईं जवाफ पढ्न सक्नुहुन्छ; जारी राख्न कम्पोजरमा tap गर्नुहोस्। सत्र चलिरहँदा कम्पोजरको थप कार्यहरू मेनुले hardware-keyboard shortcut बिनै सन्देश लाममा राख्नुहोस् वा अहिले पठाउनुहोस् दिन्छ, जुन तपाईंको सामान्य पठाइले गर्दैन। interruption खोल्दा सुरक्षित उचाइ वा मस्यौदा नबदली कम्पोजर अस्थायी सानो हुन्छ। माथिको dock मा permission/question उत्तर दिँदा action footer पुग्न मिल्ने राख्नुहोस्। कुराकानी र अनुमति हेर्नुहोस्।

क्षमता र जडान सीमा

क्षमता मोबाइल browser / PWA
project, कुराकानी, file र permission access control अन्तर्गत जोडिएको backend host मा चल्छन्। device attachment phone बाट upload हुन्छन्; project reference host मा resolve हुन्छन्।
native desktop window, OS menu र host-native automation PWA स्थापनाले दिँदैन।
browser preview native guest-browser क्षमता पाउँदैन; fallback rendering browser सीमामै रहन्छ।
SideCar content र WebSocket connection path मा निर्भर; Remote Control ले SideCar content proxy रोक्छ र host ले अनुमति दिँदा वेब पूर्वावलोकन तिनका WebSocket सहित दिन्छ। ठ्याक्कै प्रतिबन्ध हेर्नुहोस्।
microphone, clipboard, notification र install prompt browser/OS support, secure context र user permission मा निर्भर।
offline काम offline backend वा cached API history छैन। static UI asset cache हुन सक्छन्, तर document र API response offline workspace होइनन्।

backend पहुँचयोग्य राख्नुहोस्। mobile OS suspension वा network switch ले event stream छुटाउन सक्छ; फर्कँदा reconnect र current state refetch हुन्छ, सुनिश्चित event replay हुँदैन। retry अघि कार्य सकियो कि जाँच्नुहोस्। PWA बन्द गर्दा standalone backend रोकिँदैन; host desktop app र backend quit हुँदा अर्को launch सम्म Remote Control अनुपलब्ध हुन्छ।